import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
import { IconProps } from '../Icon';
/**
 * Button component props
 * Extends MUI ButtonProps with Exotel-specific variant support
 */
export interface ButtonProps extends Omit<MuiButtonProps, 'ref' | 'variant' | 'startIcon' | 'endIcon'> {
    /**
     * The content of the button
     */
    children?: React.ReactNode;
    /**
     * The variant of the button
     * - 'text': Text button (MUI native)
     * - 'outlined': Outlined button (MUI native)
     * - 'contained': Filled button (MUI native)
     * - 'tonal': Material 3 tonal button (Exotel custom)
     */
    variant?: 'text' | 'outlined' | 'contained' | 'tonal';
    /**
     * Start Icon
     * @deprecated It's deprecated by Exotel Design System. Use startIconProps instead
     */
    startIcon?: React.ReactNode;
    /**
     * End Icon
     * @deprecated It's deprecated by Exotel Design System. Use endIconProps instead
     */
    endIcon?: React.ReactNode;
    /**
     * Start Icon
     */
    startIconProps?: IconProps;
    /**
     * End Icon
     */
    endIconProps?: IconProps;
}
/**
 * Button component
 *
 * Wraps MUI's Button component with Exotel-specific defaults and styling.
 * Supports Exotel's custom 'tonal' variant which maps to MUI's 'contained'
 * with special styling applied via theme overrides.
 */
export declare const Button: import('../../../node_modules/react').ForwardRefExoticComponent<ButtonProps & import('../../../node_modules/react').RefAttributes<HTMLButtonElement>>;