/// <reference types="react" />
import { type IconButtonProps } from '@mui/material/IconButton';
import { MarginTypes } from '../../Style/Margin';
import { PaddingTypes } from '../../Style/Padding';
export interface StyledProps extends MarginTypes, PaddingTypes {
    /**
     * current element id
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HtmlHTMLAttributes<HTMLDivElement>["id"];
    /**
     * If the value is true, The state of the button is disabled.
     * @defaultValue false
     * @optional
     * @type boolean
     */
    disabled?: boolean;
    /**
     * The icon to display.
     * @defaultValue undefined
     * @optional
     * @type React.ReactNode
     */
    children?: React.ReactNode;
    /**
     * The name of the icon.
     * @defaultValue "Apple"
     * @optional
     */
    iconName?: string;
    /**
     * The color of the button.
     * @defaultValue "normal"
     * @optional
     * @type "normal" | "negative"
     * @example
     * color="normal"
     * color="negative"
     */
    color?: "normal" | "negative";
    /**
     * The width of the button.
     * @defaultValue "auto"
     * @optional
     * @type string
     * @example
     * width="auto"
     * width="100%"
     * width="10rem"
     * width="10vw"
     * width="10vh"
     * width="10ex"
     * width="10px"
     */
    width?: string;
    /**
     * The height of the button.
     * @defaultValue "auto"
     * @optional
     * @type string
     * @example
     * height="auto"
     * height="100%"
     * height="10rem"
     * height="10vw"
     * height="10vh"
     * height="10ex"
     * height="10px"
     */
    height?: string;
    /**
     * The callback function that is fired when the button is clicked.
     * @param {React.MouseEvent<HTMLButtonElement, MouseEvent>} event The event source of the callback.
     * @defaultValue undefined
     * @optional
     * @type React.MouseEventHandler<HTMLButtonElement>
     * @example
     * onClick={(event) => {}}
     */
    onClick?: IconButtonProps["onClick"];
    /**
     * If transparent is `true`, border, background is transparent.
     *
     * @default false
     */
    transparent?: boolean;
    /**
     * If transparent is `true`, transparentColor applied. set a main color of icon!
     */
    transparentColor?: string;
    /**
     * If border is `true`, `primary` color applied.
     *
     * @default false
     */
    border?: boolean;
    sx?: never;
}
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map