import type { ReactNode } from 'react';
import { ValuesOf } from '../utils/typeUtils';
import { CONTENT_OUTLINES, SKINS } from './PreviewWidget.constants';
export type PreviewWidgetSkin = ValuesOf<typeof SKINS>;
export type PreviewWidgetContentOutline = ValuesOf<typeof CONTENT_OUTLINES>;
export type PreviewWidgetProps = {
    /** Applies a data-hook HTML attribute to be used in the tests. */
    dataHook?: string;
    /** Specifies a CSS class name to be appended to the component's root element.
     * @internal
     */
    className?: string;
    /** Sets the color of the content area background (`neutral` or `gradient`). To use custom skin color, set it to `custom` and use the `backgroundColor` prop.
     * @default 'neutral'
     */
    skin?: PreviewWidgetSkin;
    /** Sets the content outline as `shadow` (default), `border` or `none`
     * @default 'shadow'
     */
    contentOutline?: PreviewWidgetContentOutline;
    /** Sets the content area background color, as a HEX code. Accepts custom colors from the Wix Design System color palette. */
    backgroundColor?: string;
    /** Adjusts the height of the component or can be set in specific % or px.
     * @default 'auto'
     */
    height?: string;
    /** Sets the width of the component in % or px.
     * @default '100%'
     */
    width?: string;
    /** Enables vertical scroll of the overflowed content *.
     * @default false
     */
    scrollable?: boolean;
    /** Sets the main preview content. Accepts an image, text paragraph or any other custom element. */
    children: ReactNode;
};
//# sourceMappingURL=PreviewWidget.types.d.ts.map