import { BoxProps } from '@dodoex/components';
declare const gapValues: {
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
};
export type Gap = keyof typeof gapValues;
export interface YellowCardProps {
    children?: React.ReactNode;
}
export declare const Card: ({ children, sx, }: {
    sx?: BoxProps["sx"];
    children?: React.ReactNode;
}) => JSX.Element;
export declare const LightCard: ({ children, sx, }: {
    sx?: BoxProps["sx"];
    children?: React.ReactNode;
}) => JSX.Element;
export declare const YellowCard: ({ children }: YellowCardProps) => JSX.Element;
export declare function ColumnCenter({ gap, flex, children, style, }: {
    gap?: Gap | string;
    flex?: string;
    children: React.ReactNode;
    style?: BoxProps['sx'];
}): JSX.Element;
export declare function AutoColumn({ gap, justify, grow, children, style, }: {
    gap?: Gap | string;
    justify?: 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'space-between';
    grow?: true;
    children: React.ReactNode;
    style?: BoxProps['sx'];
}): JSX.Element;
export declare function Row({ gap, children, sx, }: {
    gap?: Gap | string;
    children: React.ReactNode;
    sx?: BoxProps['sx'];
}): JSX.Element;
export declare function RowBetween({ children, style, }: {
    children: React.ReactNode;
    style?: BoxProps['sx'];
}): JSX.Element;
export declare function RowFixed({ gap, justify, children, sx, }: {
    gap?: string;
    justify?: string;
    children: React.ReactNode;
    sx?: BoxProps['sx'];
}): JSX.Element;
export declare function DynamicSection({ children, disabled, sx, }: {
    children: React.ReactNode;
    disabled?: boolean;
    sx?: BoxProps['sx'];
}): JSX.Element;
export {};
