import { MouseEventHandler } from 'react';
import { IBox } from "../../core/types";
/**
 * Props for the Close component.
 * @gen_ai
 * The Close component is a button designed to close or dismiss elements like modals, alerts, or notifications.
 * It supports three sizes ('sm', 'md', 'lg') and requires an onClick handler to define its behavior when clicked.
 * Use this component wherever a close action is needed in the UI.
 */
export interface IClose extends Omit<IBox, 'size' | 'children'> {
    /**
     * Determines the size of the Close button.
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Handler for the onClick event.
     */
    onClick: MouseEventHandler<HTMLDivElement>;
}