import React, { ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
export type Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
    size: 'lg' | 'md' | 'sm' | 'xs';
    children?: ReactNode;
    color?: 'primary' | 'secondary' | 'transparent' | 'tertiary' | 'ghost' | 'danger' | 'success';
    theme?: 'helloSites' | 'marryBaby';
    isDisabled?: boolean;
    isBlock?: boolean;
    title?: string;
    className?: string;
    icon?: JSX.Element;
    iconPosition?: 'left' | 'right';
    isLoading?: boolean;
    loadingText?: string;
    onClick?: React.MouseEventHandler<HTMLButtonElement>;
    dataEventCategory?: string;
    dataEventAction?: string;
    dataEventLabel?: string;
    dataProductChannel?: string;
    dataProductSku?: string;
    dataProductBrand?: string;
    dataProductName?: string;
    dataProductPrice?: string;
    dataProductCategory?: string;
    dataProductPosition?: string;
    type?: 'submit' | 'reset' | 'button';
    component?: ElementType;
    href?: string;
};
/**
 * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
 */
declare const Button: ({ size, color, isDisabled, isBlock, title, onClick, icon, iconPosition, children, isLoading, loadingText, dataEventCategory, dataEventAction, dataEventLabel, dataProductChannel, dataProductSku, dataProductBrand, dataProductName, dataProductPrice, dataProductCategory, dataProductPosition, type, ...rest }: Props) => React.JSX.Element;
export { Button };