import type { ReactNode } from 'react';
import { ValuesOf } from '../utils/typeUtils';
import { SKINS } from './MobilePreviewWidget.constants';
export type MobilePreviewWidgetSkin = ValuesOf<typeof SKINS>;
export type MobilePreviewWidgetProps = {
    /** Mobile preview widget data hook. */
    dataHook?: string;
    /** Background skin. To use `custom` skin, set it to `custom` and use the `backgroundColor` prop.
     * @default 'neutral'
     */
    skin?: MobilePreviewWidgetSkin;
    /** Mobile preview widget background color. Can be set with `design system` colors. */
    backgroundColor?: string;
    /** Sets the height of the component.
     * @default '100%'
     */
    height?: string;
    /** Sets the width of the component.
     * @default '100%'
     */
    width?: string;
    /** Node to preview. */
    children: ReactNode;
};
//# sourceMappingURL=MobilePreviewWidget.types.d.ts.map