import { ForwardRefExoticComponent, PropsWithChildren } from 'react'; import { Spacing } from '../../types'; export interface StackProps { /** * Align items in the main axis. * * @default 'stretch' */ align?: 'start' | 'center' | 'end' | 'stretch'; /** * Gap between items * * By default, `sm` size when true. * * @type boolean | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | '3xl' | '4xl' * @default true */ gap?: boolean | Spacing; /** * Allow the component to grow. * * @default undefined */ grow?: boolean; /** * Align items in the cross axis. * * @default 'start' */ justify?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly'; /** * Set the direction of the main axis. * * @default 'vertical' */ orientation?: 'horizontal' | 'vertical'; /** * Set a max-width and center component. * * By default the component will take the full width of the parent. * If set to `large`, the component will set a max width to page content (currently 1150px). * If set to `"medium"`, the component will set a width ideal for text content (currently 826px). * If set to `"fit"`, the component will set a width that fits its content. * * @default false */ maxWidth?: false | 'large' | 'medium' | 'fit'; /** * Padding around the component, currently sets 'lg' size padding only. * * If 'vertical', it will add padding-top and padding-bottom. * If 'horizontal', it will add padding-left and padding-right. * If true, it will add padding-top, padding-right, padding-bottom, and padding-left. * * @default false */ padding?: boolean | 'vertical' | 'horizontal'; /** * Reverse the order of the children. * * @default false */ reverse?: boolean; /** * Allow the container to shrink. * * @default undefined */ shrink?: boolean; /** * Controls whether container children should wrap. * * @default false */ wrap?: boolean; } export declare const Stack: ForwardRefExoticComponent>;