import { type BoxProps } from 'ink';
import { type ReactNode } from 'react';
type BorderStyle = 'round' | 'single' | 'double' | 'bold' | 'classic' | 'doubleSingle' | 'singleDouble' | 'arrow';
type Justify = 'start' | 'end' | 'center' | 'space-between';
export interface BorderFillProps {
    /** The fill character (e.g. ─). Defaults to ─ */
    char?: string;
    /** Color applied to fill segments and (by default) children text */
    color?: string;
    /** Dim the fill segments */
    dimColor?: boolean;
    /** Controls how fill segments distribute space around children */
    justifyContent?: Justify;
    /** Standard flex gap between items (in columns) */
    gap?: number;
    children?: ReactNode;
}
export declare function BorderFill({ char, color, dimColor, justifyContent, gap, children, }: BorderFillProps): import("react/jsx-runtime").JSX.Element;
export type TitledBoxProps = Omit<BoxProps, 'borderStyle'> & {
    /** Header row rendered as the top border. Use BorderFill for fill-aware layout. */
    header?: ReactNode;
    borderStyle: BorderStyle;
    children?: ReactNode;
};
export declare function TitledBox({ header, borderStyle, children, ...rest }: TitledBoxProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=TitledBox.d.ts.map