import type { FC, ReactNode } from 'react';
import type { Responsive } from '../types/responsive';
export type StackFlexDirection = 'row' | 'column';
export type StackAlignItems = 'flex-start' | 'center' | 'flex-end' | 'stretch';
export type StackJustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between';
export type StackGapSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
export interface Props {
    children?: ReactNode;
    /** 子要素の並び方向。レスポンシブ対応 */
    flexDirection?: Responsive<StackFlexDirection>;
    /** 子要素間のスペース。レスポンシブ対応 */
    gap?: Responsive<StackGapSize>;
    /** 交差軸方向の配置 */
    alignItems?: StackAlignItems;
    /** 主軸方向の配置 */
    justifyContent?: StackJustifyContent;
    className?: string;
}
export declare const Stack: FC<Props>;
export type { Props as StackProps };