import React from 'react';
import { ButtonWithAsProp } from '../Button';
import { ValuesOf } from '../utils/typeUtils';
import { SKINS, SIZES } from './CloseButton.constants';
export type CloseButtonProps = ButtonWithAsProp<{
    /** Specifies a CSS class name to be appended to the component's root element.
     * @internal
     */
    className?: string;
    /** Used for passing any @wix/design-system icon. For external icon make sure to follow ux sizing guidelines. */
    children?: React.ReactNode;
    /** Controls the skin of the button.
     * @default 'standard'
     */
    skin?: CloseButtonSkin;
    /** Controls the size of the button and its icon.
     * @default 'small'
     */
    size?: CloseButtonSize;
    /** Specifies whether user interactions are disabled.
     * @default false
     */
    disabled?: boolean;
    /** Focus the button on mount. */
    autoFocus?: boolean;
    /** Applies a data-hook HTML attribute that can be used in the tests. */
    dataHook?: string;
}>;
export type CloseButtonSkin = ValuesOf<typeof SKINS>;
export type CloseButtonSelectionArea = 'none' | 'hover' | 'always';
export type CloseButtonSize = ValuesOf<typeof SIZES>;
//# sourceMappingURL=CloseButton.types.d.ts.map