import { default as React } from 'react';
import { CSSObject } from 'styled-components';
import { SkeletonVariant } from '../Skeleton/skeleton.tokens';
export declare enum ButtonType {
    PRIMARY = "primary",
    SECONDARY = "secondary",
    DANGER = "danger",
    SUCCESS = "success"
}
export declare enum ButtonSize {
    SMALL = "sm",
    MEDIUM = "md",
    LARGE = "lg"
}
export declare enum ButtonSubType {
    DEFAULT = "default",
    ICON_ONLY = "iconOnly",
    INLINE = "inline"
}
export declare enum ButtonState {
    DEFAULT = "default",
    HOVER = "hover",
    ACTIVE = "active",
    DISABLED = "disabled"
}
export type ButtonProps = {
    buttonType?: ButtonType;
    size?: ButtonSize;
    subType?: ButtonSubType;
    text?: string;
    leadingIcon?: React.ReactNode;
    trailingIcon?: React.ReactNode;
    disabled?: boolean;
    onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
    loading?: boolean;
    showSkeleton?: boolean;
    skeletonVariant?: SkeletonVariant;
    buttonGroupPosition?: 'center' | 'left' | 'right';
    fullWidth?: boolean;
    width?: string | number;
    justifyContent?: CSSObject['justifyContent'];
    state?: ButtonState;
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style' | 'className'>;