import { ComponentDesignProp } from '@fluentui/react-bindings'; import * as PropTypes from 'prop-types'; import { ReactChildren } from '../../types'; export declare type DesignProps = { /** A render function that receives the generated className as its only argument */ children: ({ className: string }: { className: any; }) => ReactChildren; /** Design config takes a limited set of layout and position CSS properties. */ config: ComponentDesignProp; }; /** * The Design component provides a theme safe subset of CSS for designing layouts. */ export declare function Design({ config, children }: { config: any; children: any; }): any; export declare namespace Design { var displayName: string; var propTypes: { children: PropTypes.Validator<(...args: any[]) => any>; config: PropTypes.Validator; display: PropTypes.Requireable; top: PropTypes.Requireable; right: PropTypes.Requireable; bottom: PropTypes.Requireable; left: PropTypes.Requireable; padding: PropTypes.Requireable; paddingTop: PropTypes.Requireable; paddingRight: PropTypes.Requireable; paddingBottom: PropTypes.Requireable; paddingLeft: PropTypes.Requireable; margin: PropTypes.Requireable; marginTop: PropTypes.Requireable; marginRight: PropTypes.Requireable; marginBottom: PropTypes.Requireable; marginLeft: PropTypes.Requireable; width: PropTypes.Requireable; height: PropTypes.Requireable; minWidth: PropTypes.Requireable; maxWidth: PropTypes.Requireable; minHeight: PropTypes.Requireable; maxHeight: PropTypes.Requireable; }>>; }; }