import type { Property, PropertyNumber, PropertySelect, Sector } from 'grapesjs';
import { ReactNode } from 'react';
import { StyleManagerDataConfig } from '../../types';
import { type ButtonGroupFieldProps, Option } from '../ButtonGroupField';
import type { NumberFieldProps } from '../NumberField';
import { SelectFieldProps } from '../SelectField';
import { ColorFieldProps } from '../ColorField';
import { FileFieldProps } from '../FileField';
import { SelectFontFieldProps } from '../SelectFontField';
import { InputFieldProps } from '../InputField';
import { StackFieldProps } from '../StackField';
type PropertyStack = any;
type SelectPropertyOptions = Record<string, any>;
export declare const fieldsInRowProps: Partial<SelectFieldProps>;
export interface SectorProps extends React.HTMLProps<HTMLDivElement> {
    sector: Sector;
    styleManagerDataConfig: StyleManagerDataConfig | undefined;
}
export declare const getSectorClass: (open?: boolean, index?: number, isLast?: boolean) => string;
export declare const getOptions: (prop: PropertySelect, labelOpts?: SelectPropertyOptions) => {
    id: string;
    label: string;
    title: string | undefined;
}[];
export declare const toOptionsWithTitle: (prop: PropertySelect, options: Option[]) => {
    title: string;
    id: string;
    icon?: string | import("../public/StudioIcon").StudioIconProps | undefined;
    label?: ReactNode;
}[];
export interface PropertyGetPropsOptions {
    sector: Sector;
    styleManagerDataConfig?: StyleManagerDataConfig;
    label?: string;
}
export declare const getInputProps: (prop: Property, opts: PropertyGetPropsOptions) => InputFieldProps;
export declare const getButtonsProps: (prop: PropertySelect, opts: PropertyGetPropsOptions, selectPropOpts?: SelectPropertyOptions) => ButtonGroupFieldProps;
export declare const getSelectProps: (prop: PropertySelect, opts: PropertyGetPropsOptions, selectPropOpts?: SelectPropertyOptions) => SelectFieldProps;
export declare const getSelectFontProps: (prop: PropertySelect, opts: PropertyGetPropsOptions) => SelectFontFieldProps;
export declare const getStackProps: (prop: PropertyStack, opts: PropertyGetPropsOptions, newLayer?: {}) => StackFieldProps<any>;
export declare const getNumberProps: (prop: PropertyNumber, opts: PropertyGetPropsOptions) => NumberFieldProps;
export declare const getColorProps: (prop: Property, opts: PropertyGetPropsOptions) => ColorFieldProps;
export declare const getFileProps: (prop: Property, opts: PropertyGetPropsOptions) => FileFieldProps;
export declare const isPropertyVisible: (prop?: Property) => boolean;
declare const StyleManager: import("react").FunctionComponent<import("react").HTMLProps<HTMLDivElement> & import("@grapesjs/react/dist/StylesProvider").StylesState>;
export default StyleManager;