@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
42 lines (41 loc) • 1.89 kB
TypeScript
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
declare const aiButtonLayoutVariants: (props?: ({
size?: "auto" | "standard" | null | undefined;
padding?: "base" | "none" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface AiButtonLayoutProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof aiButtonLayoutVariants> {
leftTopButton?: {
text?: string;
variant?: "button1" | "button2" | "selector" | "dropdown";
onClick?: () => void;
icon?: React.ReactNode;
loading?: boolean;
};
rightTopButton?: {
text?: string;
variant?: "button1" | "button2" | "selector" | "dropdown";
onClick?: () => void;
icon?: React.ReactNode;
loading?: boolean;
};
leftBottomButton?: {
text?: string;
variant?: "button1" | "button2" | "selector" | "dropdown";
onClick?: () => void;
icon?: React.ReactNode;
loading?: boolean;
};
rightBottomButton?: {
text?: string;
variant?: "button1" | "button2" | "selector" | "dropdown";
onClick?: () => void;
icon?: React.ReactNode;
loading?: boolean;
};
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";
size?: "standard" | "auto";
padding?: "none" | "base";
}
declare const AiButtonLayout: React.ForwardRefExoticComponent<AiButtonLayoutProps & React.RefAttributes<HTMLDivElement>>;
export { AiButtonLayout, aiButtonLayoutVariants };