@youwen/ai-design-system/dist/components/layout-container.d.ts

Enterprise AI-driven design system with comprehensive design tokens

import * as React from "react";
import { type VariantProps } from "class-variance-authority";
declare const layoutContainerVariants: (props?: ({
    layout?: "grid" | "block" | "inline" | "flex" | null | undefined;
    direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
    justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
    align?: "center" | "end" | "start" | "stretch" | "baseline" | null | undefined;
    wrap?: "nowrap" | "wrap" | "wrapReverse" | null | undefined;
    gap?: "sm" | "lg" | "none" | "md" | "xl" | "xs" | null | undefined;
    padding?: "sm" | "lg" | "none" | "md" | "xl" | "xs" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface LayoutContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof layoutContainerVariants> {
    gridCols?: 1 | 2 | 3 | 4 | 5 | 6 | 12 | "auto";
    gridRows?: 1 | 2 | 3 | 4 | 5 | 6 | "auto";
    responsive?: boolean;
}
declare const LayoutContainer: React.ForwardRefExoticComponent<LayoutContainerProps & React.RefAttributes<HTMLDivElement>>;
export { LayoutContainer, layoutContainerVariants };