import ReactEcs, { UiButtonProps, UiTransformProps, UiBackgroundProps } from '@dcl/react-ecs';
import { Color4 } from '@dcl/sdk/math';
export declare const BTN_BACKGROUND_COLOR: {
    primary: {
        active: Color4.MutableColor4;
        hover: Color4.MutableColor4;
        disabled: Color4.MutableColor4;
    };
    secondary: {
        active: Color4.MutableColor4;
        hover: Color4.MutableColor4;
        disabled: Color4.MutableColor4;
    };
    text: {
        active: Color4.MutableColor4;
        hover: Color4.MutableColor4;
        disabled: Color4.MutableColor4;
    };
};
export declare const BTN_BORDER_COLOR: {
    primary: {
        active: Color4.MutableColor4;
        hover: Color4.MutableColor4;
        disabled: Color4.MutableColor4;
    };
    secondary: {
        active: Color4.MutableColor4;
        hover: Color4.MutableColor4;
        disabled: Color4.MutableColor4;
    };
    text: {
        active: Color4.MutableColor4;
        hover: Color4.MutableColor4;
        disabled: Color4.MutableColor4;
    };
};
type ButtonVariant = 'primary' | 'secondary' | 'text';
interface CompositeButtonProps extends Omit<UiButtonProps, 'value' | 'variant'> {
    id: string;
    value?: string;
    icon?: string;
    iconRight?: string;
    iconRightTransform?: UiTransformProps;
    onlyIcon?: boolean;
    iconTransform?: UiTransformProps;
    iconBackground?: UiBackgroundProps;
    iconRightBackground?: UiBackgroundProps;
    variant?: ButtonVariant;
    labelTransform?: UiTransformProps;
}
export declare const Button: (props: CompositeButtonProps) => ReactEcs.JSX.Element;
export {};
