import * as React from 'react';
import { type iconNameType } from './iconDict';
export type StyledProps = {
    /**
     * current element id
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HtmlHTMLAttributes<HTMLDivElement>["id"];
    /**
     * The name of the icon.
     * Icon name is the same as the name of the icon component in MUI.
     * @link https://mui.com/components/material-icons/
     * @type string
     * @example
     * iconName="Add"
     * iconName="CheckCircle"
     */
    iconName: iconNameType;
    /**
     * The opacity of the icon.
     * @type number
     * @defaultValue 1
     * @example
     * opacity={0.5}
     */
    opacity?: number;
    /**
     * If `true`, the component is shown as a button.
     */
    toButton?: boolean;
    /**
     * The click event handler of the icon.
     */
    onClick?: (event: React.SyntheticEvent) => void;
};
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map