import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode } from 'react';
import { BoxProps as BoxProps$1 } from 'ink';

type BorderVariant = 'default' | 'muted' | 'focus' | 'success' | 'error' | 'warning';
interface BoxProps extends BoxProps$1 {
    border?: boolean;
    borderVariant?: BorderVariant;
    borderColor?: string;
    children?: ReactNode;
}
declare function Box({ border, borderVariant, borderColor, children, ...props }: BoxProps): react_jsx_runtime.JSX.Element;

interface StackProps {
    direction?: 'vertical' | 'horizontal';
    gap?: number;
    children: ReactNode;
    width?: number | string;
    height?: number | string;
    alignItems?: 'flex-start' | 'center' | 'flex-end';
    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
}
declare function Stack({ direction, gap, children, width, height, alignItems, justifyContent, }: StackProps): react_jsx_runtime.JSX.Element;

interface GridProps {
    columns: number;
    gap?: number;
    children: ReactNode;
}
declare function Grid({ columns, gap, children }: GridProps): react_jsx_runtime.JSX.Element;

interface ScrollViewProps {
    height: number;
    children: ReactNode;
    showScrollbar?: boolean;
    scrollbarColor?: string;
}
declare function ScrollView({ height, children, showScrollbar, scrollbarColor, }: ScrollViewProps): react_jsx_runtime.JSX.Element;

interface DividerProps {
    variant?: 'single' | 'double' | 'bold';
    orientation?: 'horizontal' | 'vertical';
    color?: string;
    label?: string;
    height?: number;
    width?: number;
}
declare function Divider({ variant, orientation, color, label, height, width, }: DividerProps): react_jsx_runtime.JSX.Element;

interface SpacerProps {
    size?: number;
    direction?: 'horizontal' | 'vertical';
}
declare function Spacer({ size, direction }: SpacerProps): react_jsx_runtime.JSX.Element;

interface ColumnsProps {
    children: ReactNode;
    gap?: number;
    align?: 'top' | 'center' | 'bottom';
}
declare function Columns({ children, gap, align }: ColumnsProps): react_jsx_runtime.JSX.Element;

interface CenterProps {
    children: ReactNode;
    axis?: 'both' | 'horizontal' | 'vertical';
}
declare function Center({ children, axis }: CenterProps): react_jsx_runtime.JSX.Element;

interface AspectRatioProps {
    children: ReactNode;
    ratio?: number;
    width?: number;
}
declare function AspectRatio({ children, ratio, width }: AspectRatioProps): react_jsx_runtime.JSX.Element;

export { AspectRatio, type AspectRatioProps, type BorderVariant, Box, type BoxProps, Center, type CenterProps, Columns, type ColumnsProps, Divider, type DividerProps, Grid, type GridProps, ScrollView, type ScrollViewProps, Spacer, type SpacerProps, Stack, type StackProps };