@wix/design-system
Version:
@wix/design-system
24 lines • 982 B
TypeScript
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;
/** skins of closebutton */
skin?: CloseButtonSkin;
/** size of closebutton */
size?: CloseButtonSize;
/** applies disabled styles */
disabled?: boolean;
/** string based data hook for testing */
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