/// <reference types="react" />
import { SvgIconProps } from '../../SvgIcon';
import type { CommonStudioLayoutConfigProps } from '../types';
import type { StudioLayoutIconConfig } from '../types/StudioIconSchema';
export interface StudioLayoutIconConfigProps extends CommonStudioLayoutConfigProps<StudioIconProps, StudioLayoutIconConfig> {
}
export interface StudioIconProps {
    /**
     * If outside studio-editor, must use an SVG path definition string, like the ones imported from @mdi/js.
     * If inside studio-editor, must use an {@link IconNames}.
     */
    icon?: string | `${IconNames}` | IconNames;
    className?: string;
    size?: SvgIconProps['iconSize'];
    rotate?: number;
    vertical?: boolean;
    horizontal?: boolean;
}
export type Icons = Record<IconNames, string>;
export declare enum IconNames {
    alertRhombus = "alertRhombus",
    alignHorizontalCenter = "alignHorizontalCenter",
    alignHorizontalLeft = "alignHorizontalLeft",
    alignHorizontalRight = "alignHorizontalRight",
    applicationBracketsOutline = "applicationBracketsOutline",
    arrowDown = "arrowDown",
    arrowExpandAll = "arrowExpandAll",
    arrowRight = "arrowRight",
    arrowULeftTop = "arrowULeftTop",
    arrowURightTop = "arrowURightTop",
    borderAllVariant = "borderAllVariant",
    borderRadius = "borderRadius",
    borderStyle = "borderStyle",
    calendar = "calendar",
    cellphoneLink = "cellphoneLink",
    check = "check",
    checkBold = "checkBold",
    checkboxBlank = "checkboxBlank",
    chevronUp = "chevronUp",
    chevronDown = "chevronDown",
    chevronLeft = "chevronLeft",
    chevronRight = "chevronRight",
    close = "close",
    codeBraces = "codeBraces",
    cog = "cog",
    contentCopy = "contentCopy",
    contentSave = "contentSave",
    delete = "delete",
    dotsVertical = "dotsVertical",
    email = "email",
    emailOutline = "emailOutline",
    eye = "eye",
    eyedropperVariant = "eyedropperVariant",
    eyeOff = "eyeOff",
    eyeOffOutline = "eyeOffOutline",
    eyeOutline = "eyeOutline",
    fire = "fire",
    flare = "flare",
    floppy = "floppy",
    folder = "folder",
    fullscreen = "fullscreen",
    gradientVertical = "gradientVertical",
    helpCircle = "helpCircle",
    home = "home",
    image = "image",
    information = "information",
    informationVariant = "informationVariant",
    layers = "layers",
    link = "link",
    lock = "lock",
    lockOpenVariant = "lockOpenVariant",
    menuDown = "menuDown",
    newspaperVariantOutline = "newspaperVariantOutline",
    openInNew = "openInNew",
    paletteSwatch = "paletteSwatch",
    panVertical = "panVertical",
    pencil = "pencil",
    phone = "phone",
    plus = "plus",
    plusBox = "plusBox",
    powerPlug = "powerPlug",
    refresh = "refresh",
    rhombusOutline = "rhombusOutline",
    rhombusSplit = "rhombusSplit",
    rhombusSplitOutline = "rhombusSplitOutline",
    tag = "tag",
    target = "target",
    targetVariant = "targetVariant",
    textBoxMultiple = "textBoxMultiple",
    trayArrowDown = "trayArrowDown",
    unfoldLessHorizontal = "unfoldLessHorizontal",
    unfoldMoreHorizontal = "unfoldMoreHorizontal",
    viewDayOutline = "viewDayOutline",
    viewGridPlus = "viewGridPlus",
    web = "web",
    xml = "xml",
    database = "database",
    databaseOutline = "databaseOutline",
    databaseOutlineOn = "databaseOutlineOn",
    databaseOutlineOff = "databaseOutlineOff",
    databaseOutlineRemove = "databaseOutlineRemove",
    toggleSwitchOutline = "toggleSwitchOutline",
    toggleSwitchOffOutline = "toggleSwitchOffOutline",
    codeBrackets = "codeBrackets",
    null = "null",
    codeString = "string",
    number = "number",
    cloudUpload = "cloudUpload",
    chat = "chat",
    creation = "creation",
    viewDashboard = "viewDashboard",
    rocketLaunch = "rocketLaunch",
    lightningBolt = "lightningBolt",
    stop = "stop",
    arrowUp = "arrowUp"
}
export declare const defaultIcons: Icons;
export declare const StudioIcon: import("react").FunctionComponent<StudioIconProps>;
export default StudioIcon;