import { ElementByComponentId } from '../types/ElementByComponentId';
export declare enum ELEMENT_CATEGORY {
    Structure = "Structure",
    Content = "Content",
    ShopifyProductElement = "Shopify Product Element",
    ShopifyCollectionElement = "Shopify Collection Element"
}
export declare const ELEMENT_BY_COMPONENT_ID: ElementByComponentId;
export declare enum HEADING_TAGS {
    H1 = "h1",
    H2 = "h2",
    H3 = "h3",
    H4 = "h4",
    H5 = "h5",
    H6 = "h6"
}
export declare const HEADING_TAG_OPTIONS: ("H1" | "H2" | "H3" | "H4" | "H5" | "H6")[];
export declare enum ALIGNMENT {
    Left = "left",
    Center = "center",
    Right = "right"
}
export declare const ALIGNMENT_OPTIONS: {
    label: string;
    value: string;
}[];
export declare enum FONT {
    Arial = "Arial",
    'Courier New' = "Courier New",
    Helvetica = "Helvetica",
    Impact = "Impact",
    'Times New Roman' = "Times New Roman",
    'Trebuchet MS' = "Trebuchet MS",
    Verdana = "Verdana"
}
export declare const FONT_OPTIONS: ("Arial" | "Courier New" | "Helvetica" | "Impact" | "Times New Roman" | "Trebuchet MS" | "Verdana")[];
export declare enum FONT_WEIGHT {
    Light = "Light",
    Normal = "Normal",
    Bold = "Bold"
}
export declare const FONT_WEIGHT_OPTIONS: ("Light" | "Normal" | "Bold")[];
export declare enum IMAGE_SIZE {
    Fill = "Fill",
    Fit = "Fit",
    Cover = "Cover"
}
export declare const IMAGE_SIZE_OPTIONS: ("Fill" | "Fit" | "Cover")[];
export declare const IMAGE_SIZE_TO_OBJECT_FIT: {
    Fill: string;
    Cover: string;
};
export declare enum HORIZONTAL_ALIGNMENT {
    Left = "flex-start",
    Center = "center",
    Right = "flex-end"
}
export declare const HORIZONTAL_ALIGNMENT_OPTIONS: {
    label: string;
    value: string;
}[];
export declare enum VERTICAL_ALIGNMENT {
    Top = "flex-start",
    Center = "center",
    Bottom = "flex-end"
}
export declare const VERTICAL_ALIGNMENT_OPTIONS: {
    label: string;
    value: string;
}[];
export declare enum ACCORDION_ICON_TYPE {
    None = "None",
    Arrow = "Arrow",
    Plus = "Plus"
}
export declare const ACCORDION_ICON_TYPE_OPTIONS: {
    label: string;
    value: string;
}[];
export declare const ACCORDION_ICON_PAIR_BY_TYPE: {
    Arrow: {
        opened: import("react-icons/lib").IconType;
        closed: import("react-icons/lib").IconType;
    };
    Plus: {
        opened: import("react-icons/lib").IconType;
        closed: import("react-icons/lib").IconType;
    };
};
export declare enum ASPECT_RATIO {
    HIGH = "56.25%",
    LOW = "75%"
}
export declare const ASPECT_RATIO_OPTIONS: {
    label: string;
    value: string;
}[];
export declare enum DEVICE_TYPE {
    Desktop = "desktop",
    Tablet = "tablet",
    Mobile = "mobile"
}
export declare const DEFAULT_DEVICE_TYPE = DEVICE_TYPE.Desktop;
export declare enum BREAKPOINT {
    mobile = "576px",
    tablet = "768px",
    desktop = "992px"
}
export declare enum BREAKPOINT_INDEX_BY_DEVICE {
    mobile = 0,
    tablet = 1,
    desktop = 2
}
export declare const DEFAULT_BREAKPOINT_INDEX = BREAKPOINT_INDEX_BY_DEVICE.mobile;
export declare const RESPONSIVE_OBJECT: {
    base: BREAKPOINT_INDEX_BY_DEVICE;
    0: BREAKPOINT_INDEX_BY_DEVICE;
    1: BREAKPOINT_INDEX_BY_DEVICE;
    2: BREAKPOINT_INDEX_BY_DEVICE;
};
export declare const DEFAULT_RWD_VALUES: {
    display: string[];
    default: null[];
};
export declare enum STYLE {
    'Style A' = "style-a",
    'Style B' = "style-b",
    'Style C' = "style-c",
    None = "style-none"
}
export declare const STYLE_OPTIONS: {
    name: string;
    value: string;
}[];
export declare const STYLE_OPTION_BY_VALUE: {
    [x: string]: {
        name: string;
        value: string;
    };
};
export declare const DEBOUNCE_UPDATE_TIME = 200;
