@youwen/ai-design-system
Version:
Enterprise AI-driven design system with comprehensive design tokens
17 lines (16 loc) • 1.5 kB
TypeScript
import * as React from "react";
import { type VariantProps } from "class-variance-authority";
declare const aiButtonVariants: (props?: ({
variant?: "button1" | "button2" | "selector" | "dropdown" | null | undefined;
size?: "auto" | "default" | null | undefined;
height?: "button" | "dropdown" | null | undefined;
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" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface AiButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof aiButtonVariants> {
children?: React.ReactNode;
loading?: boolean;
icon?: 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";
}
declare const AiButton: React.ForwardRefExoticComponent<AiButtonProps & React.RefAttributes<HTMLButtonElement>>;
export { AiButton, aiButtonVariants };