Interface FlexProps

interface FlexProps {
    align?: Responsive<"center" | "end" | "start" | "stretch" | "baseline">;
    bg?: Responsive<ProviderBg>;
    children?: ReactNode;
    className?: string;
    direction?: Responsive<"row" | "column" | "row-reverse" | "column-reverse">;
    gap?: Responsive<string>;
    justify?: Responsive<"center" | "end" | "start" | "between">;
    m?: Responsive<string>;
    mb?: Responsive<string>;
    ml?: Responsive<string>;
    mr?: Responsive<string>;
    mt?: Responsive<string>;
    mx?: Responsive<string>;
    my?: Responsive<string>;
    p?: Responsive<string>;
    pb?: Responsive<string>;
    pl?: Responsive<string>;
    pr?: Responsive<string>;
    pt?: Responsive<string>;
    px?: Responsive<string>;
    py?: Responsive<string>;
    style?: CSSProperties;
}