@wix/design-system
Version:
@wix/design-system
27 lines • 1.14 kB
TypeScript
import { LegacyRef } from 'react';
import { ButtonProps } from '../Button/ButtonCore/ButtonCore';
import { ValuesOf } from '../utils/typeUtils';
import { SIZES } from './FillPreview.constants';
export type FillPreviewProps = {
/** Applies a data-hook HTML attribute that can be used in the tests */
dataHook?: string;
/** Specifies a CSS class name to be appended to the component’s root element.
* @internal
*/
className?: string;
/** Specify a color, gradient, image URL, SVG or a list of colors to be rendered as a preview content. */
fill?: React.ReactNode;
/** Specifies whether preview is selected or not. Selected item receives an outline border style. */
selected?: boolean;
/** Specify whether preview should be disabled or not */
disabled?: boolean;
/** Control elements aspect ratio value */
aspectRatio?: string | number;
/**
* Controls the size of the element.
*/
size?: FillPreviewSize;
ref?: LegacyRef<HTMLDivElement>;
} & ButtonProps;
export type FillPreviewSize = ValuesOf<typeof SIZES>;
//# sourceMappingURL=FillPreview.types.d.ts.map