import type { RouteLocationRaw } from 'vue-router';
import type { appConfig } from '../../config';
import type { Color, DeepPartial, Size } from '../../types';
export type ButtonColor = 'dark' | 'fluo' | 'light';
export type ButtonVariant = 'solid' | 'outline' | 'soft' | 'ghost' | 'link';
export interface Button {
    type?: string;
    isBlock?: boolean;
    label?: string;
    isLoading?: boolean;
    isDisabled?: boolean;
    isPadded?: boolean;
    size?: Size;
    color?: Color | ButtonColor;
    variant?: ButtonVariant;
    icon?: string;
    loadingIcon?: string;
    leadingIcon?: string;
    trailingIcon?: string;
    isTrailing?: boolean;
    isLeading?: boolean;
    to?: RouteLocationRaw;
    href?: string;
    target?: string;
    ariaLabel?: string;
    isSquare?: boolean;
    isTruncate?: boolean;
    ui?: DeepPartial<typeof appConfig.ui.button>;
}
export declare const button: {
    base: string;
    disabled: string;
    custom: string;
    font: string;
    rounded: string;
    size: Record<Size, string>;
    gap: Record<Size, string>;
    padding: Record<Size, string>;
    square: {
        padding: Record<Size, string>;
        rounded: string;
    };
    color: Record<ButtonColor, Partial<Record<ButtonVariant, string>>>;
    variant: Record<ButtonVariant, string>;
    icon: {
        base: string;
        size: Record<Size, string>;
    };
    default: {
        size: Size;
        variant: ButtonVariant;
        color: "inherit" | "current" | "transparent" | "black" | "white" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "gray" | "slate" | "zinc" | "neutral" | "stone" | "lightblue" | "lightBlue" | "warmgray" | "warmGray" | "truegray" | "trueGray" | "coolgray" | "coolGray" | "bluegray" | "blueGray" | "pilot" | "primary" | "bronze" | "silver" | "gold" | "mauve" | "kaki" | "success" | "danger" | ButtonColor;
        loadingIcon: string;
    };
};