import { MaterialSymbolsComponent } from '@material-symbols-svg/react-rounded';
type Size = 'sm' | 'md' | 'lg';
type State = 'default' | 'loading' | 'disabled' | 'active' | 'error';
type Props = {
    size: Size;
    state?: State;
    children: React.ReactNode;
    className?: string;
    onClick?: () => void;
    fluid?: boolean;
} & ({
    icon: MaterialSymbolsComponent;
    iconPosition?: 'head' | 'tail';
} | {
    icon?: never;
    iconPosition?: never;
}) & ({
    as?: 'button';
    href?: never;
    target?: never;
} | {
    as: 'a';
    href: string;
    target?: '_blank' | '_self';
}) & ({
    variant: 'outlined';
    color?: 'primary' | 'secondary';
} | {
    variant: 'primary';
    color?: never;
});
export declare const Button: ({ variant, ...restProps }: Props) => import("react/jsx-runtime").JSX.Element;
export {};
