import { BaseBoxPropsWithRole } from '../../shared/box'; import { ComponentChildren } from '../../shared/children'; import { GapProps, AlignContentKeyword, AlignItemsKeyword, JustifyContentKeyword } from '../../shared/inner-layout'; export interface StackProps extends BaseBoxPropsWithRole, GapProps { /** * The content of the Stack. */ children?: ComponentChildren; /** * Sets how the Stack's children are placed within the Stack. * * @default 'inline' */ direction?: 'inline' | 'block'; /** * Aligns the Stack along the main axis. * * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content * @default 'normal' */ justifyContent?: JustifyContentKeyword; /** * Aligns the Stack's children along the cross axis. * * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items * @default 'normal' */ alignItems?: AlignItemsKeyword; /** * Aligns the Stack along the cross axis. * * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content * @default 'normal' */ alignContent?: AlignContentKeyword; }