Button

@import url("@uxf/ui/css/figma-colors.css");

// button.d.ts

declare module "@uxf/ui/icon/theme" {
    export interface ButtonVariants {
        default: true;
        secondary: true;
        text: true;
    }

    export interface ButtonSizes {
        sm: true;
        default: true;
        lg: true;
        xl: true;
    }

    export interface ButtonColors {
        default: true;
        positive: true;
        negative: true;
        warning: true;
        info: true;
        inverted: true;
    }
}

const clickHandler = () => new Promise((resolve) => setTimeout(resolve, 1000));

<Button onClick={clickHandler}>Loading button</Button>