import type { PropertyControls } from '../property-controls/property-controls';
export declare type AdditionalImports = string | string[];
export interface ComponentInsertOption {
    imports?: AdditionalImports;
    label: string;
    code: string;
}
export declare type ComponentExample = {
    name: string;
} | {
    component: any;
} | ComponentInsertOption;
export declare type PreferredContents = 'text' | {
    component: string;
    moduleName?: string;
    variants: ComponentExample | ComponentExample[];
};
export interface ChildrenSpec {
    preferredContents?: PreferredContents | PreferredContents[];
}
export declare type Children = 'supported' | 'not-supported' | ChildrenSpec;
export declare const FocusOptions: readonly ["default", "always", "never"];
export declare type Focus = (typeof FocusOptions)[number];
export declare const StylingOptions: readonly ["layout", "layout-system", "visual", "typography"];
export declare type Styling = (typeof StylingOptions)[number];
export declare const DisplayOptions: readonly ["expanded", "collapsed"];
export declare type Display = (typeof DisplayOptions)[number];
export interface SectionSpec {
    display?: Display;
    sections?: Styling[];
}
export declare type InspectorSpec = 'hidden' | SectionSpec;
export declare const EmphasisOptions: readonly ["subdued", "regular", "emphasized"];
export declare type Emphasis = (typeof EmphasisOptions)[number];
export declare const IconOptions: readonly ["body", "clickable", "code", "column", "component", "conditional", "dashedframe", "data", "div", "folder", "form", "grid", "headline", "home", "image", "video", "input", "irregular-layout", "layout", "link", "lists", "page", "paragraph", "row", "section", "scene", "sfx", "solidframe", "star", "starfilled", "text", "title", "xframe"];
export declare type Icon = (typeof IconOptions)[number];
export interface ComponentToRegister {
    component: any;
    properties: PropertyControls;
    children?: Children;
    focus?: Focus;
    inspector?: InspectorSpec;
    emphasis?: Emphasis;
    icon?: Icon;
    label?: string;
    variants?: ComponentExample | Array<ComponentExample>;
}
export declare type RawSingleBorderWidth = number | string;
export declare type RawSplitBorderWidth = [
    RawSingleBorderWidth,
    RawSingleBorderWidth,
    RawSingleBorderWidth,
    RawSingleBorderWidth
];
export declare type RawBorderWidth = RawSingleBorderWidth | RawSplitBorderWidth;
export interface ShadowAndBorderParams {
    boxShadow?: string;
    borderStyle?: 'solid' | 'none';
    borderWidth?: RawBorderWidth;
    borderColor?: string;
}
export declare const KrazyGeorgeTestUrl = "testAsset/krazyGeorge.jpg";
export declare function cssBorderToBoxShadowString(borderStyle?: 'solid' | 'none', borderWidth?: RawBorderWidth, borderColor?: string): string;
export declare const UtopiaUtils: {
    shadowAndBorder(params: ShadowAndBorderParams): string;
    disabled(p: any): undefined;
};