@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
29 lines (28 loc) • 1.54 kB
TypeScript
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
declare const threeElementLayoutVariants: (props?: ({
size?: "auto" | "figma" | "standard" | "v2Standard" | null | undefined;
padding?: "base" | "figma" | "none" | "v2" | null | undefined;
theme?: "default" | "figma" | "v2Dark" | "transparent" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface ThreeElementLayoutProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof threeElementLayoutVariants> {
small?: React.ReactNode;
big?: React.ReactNode;
mini?: React.ReactNode;
layout?: "leftTop" | "rightTop" | "leftBottom" | "rightBottom" | "leftTop,rightTop" | "leftTop,leftBottom" | "leftTop,rightBottom" | "rightTop,leftBottom" | "rightTop,rightBottom" | "leftBottom,rightBottom" | "leftTop,rightTop,leftBottom" | "leftTop,rightTop,rightBottom" | "leftTop,leftBottom,rightBottom" | "rightTop,leftBottom,rightBottom" | "all";
backgroundGradient?: {
enabled: boolean;
colors: string[];
direction?: "to-br" | "to-tr" | "to-bl" | "to-tl";
};
conicBackground?: {
enabled: boolean;
colors: Array<{
color: string;
position: number;
opacity?: number;
}>;
};
}
declare const ThreeElementLayout: React.ForwardRefExoticComponent<ThreeElementLayoutProps & React.RefAttributes<HTMLDivElement>>;
export { ThreeElementLayout, threeElementLayoutVariants };