import { type FC, type ReactNode, type HTMLAttributes, type MouseEvent, type TouchEvent } from 'react';
import { type CustomComponentProps } from '../../../styles';
import './Tag.types';
export interface TagProps extends CustomComponentProps {
    actions?: ReactNode;
    disabled?: boolean;
    fullWidth?: boolean;
    showActionsOnHover?: boolean;
    label?: ReactNode;
    startIcon?: ReactNode;
    endIcon?: ReactNode;
    startAdornment?: ReactNode;
    endAdornment?: ReactNode;
    variant?: 'filled' | 'outlined';
    onClick?: (event: MouseEvent<HTMLElement>) => void;
    onTouchStart?: (event: TouchEvent<HTMLElement>) => void;
    ['aria-label']?: string;
    ['aria-haspopup']?: boolean;
    slotProps?: {
        actions?: HTMLAttributes<HTMLDivElement>;
        button?: HTMLAttributes<HTMLDivElement>;
        content?: HTMLAttributes<HTMLDivElement>;
        label?: HTMLAttributes<HTMLSpanElement>;
        startIcon?: HTMLAttributes<HTMLSpanElement>;
        endIcon?: HTMLAttributes<HTMLSpanElement>;
        startAdornment?: HTMLAttributes<HTMLSpanElement>;
        endAdornment?: HTMLAttributes<HTMLSpanElement>;
    };
}
declare const slots: {
    content: {
        slot: "content";
        name: "MuiTag";
    };
    button: {
        slot: "button";
        name: "MuiTag";
    };
    label: {
        slot: "label";
        name: "MuiTag";
    };
    root: {
        slot: "root";
        name: "MuiTag";
    };
    endAdornment: {
        slot: "endAdornment";
        name: "MuiTag";
    };
    startIcon: {
        slot: "startIcon";
        name: "MuiTag";
    };
    endIcon: {
        slot: "endIcon";
        name: "MuiTag";
    };
    startAdornment: {
        slot: "startAdornment";
        name: "MuiTag";
    };
    actions: {
        slot: "actions";
        name: "MuiTag";
    };
};
export type TagSlots = keyof typeof slots;
declare const Tag: FC<TagProps>;
export default Tag;