import type { RenderContext, Component } from '../component.js';
import type { Color } from '../types.js';
import { type AutoColor } from '../utils/terminal-theme.js';
export interface StyleOptions {
    color?: Color | AutoColor;
    backgroundColor?: Color | AutoColor;
    bold?: boolean;
    italic?: boolean;
    underline?: boolean;
    overflow?: 'none' | 'ellipsis-end' | 'ellipsis-start' | 'ellipsis-middle' | 'wrap';
    align?: 'left' | 'right' | 'center';
    max?: number;
    when?: (ctx: RenderContext) => boolean;
}
/**
 * Styled component - applies styling and handles overflow
 */
export declare function Styled(options: StyleOptions, content: string | string[] | Component): Component;
//# sourceMappingURL=styled.d.ts.map