import type { Component } from '../component.js';
import type { Color } from '../types.js';
export interface SectionOptions {
    title: string;
    titleColor?: Color;
    borderColor?: Color;
    padding?: number;
    left?: boolean;
    right?: boolean;
    top?: boolean;
    bottom?: boolean;
}
/**
 * Section component - wraps content in a box with a tabbed title
 *
 * The title appears in a "tab" at the top, and the content is wrapped in a box.
 * Uses rounded corners (╭ ╮ ╰ ╯) for a clean look. You can control which borders
 * are shown using `left`, `right`, `top`, and `bottom` options.
 *
 * @example
 * // Default: all borders shown
 * Section({ title: 'My Section' }, ...)
 *
 * @example
 * // Only left and right borders (no top/bottom)
 * Section({ title: 'My Section', top: false, bottom: false }, ...)
 *
 * @example
 * // Only left border
 * Section({ title: 'My Section', right: false, top: false, bottom: false }, ...)
 */
export declare function Section(options: SectionOptions, ...children: Component[]): Component;
//# sourceMappingURL=section.d.ts.map