/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { IconThemeColor } from './models/theme-color';
import { IconSize } from './models/size';
import { IconFlip } from './models/flip';
import { IconFillMode } from './models/fill-mode';
/**
 * @hidden
 */
export interface BaseIconProps {
    /**
     * Sets the `tabIndex` of the icon element.
     */
    tabIndex?: number;
    /**
     * Sets the `id` of the icon element.
     */
    id?: string;
    /**
     * Sets the `aria-label` of the icon element.
     */
    ariaLabel?: string;
    /**
     * Sets the `title` of the icon element.
     */
    title?: string;
    /**
     * Specifies a list of CSS classes that will be added to the root DOM element.
     */
    class?: string;
    /**
     * Specifies the theme color of the Icon.
     *
     * The possible values are:
     * * `inherit` (Default)—Applies coloring based on the current color.
     * * `primary` —Applies coloring based on primary theme color.
     * * `secondary`—Applies coloring based on secondary theme color.
     * * `tertiary`— Applies coloring based on tertiary theme color.
     * * `info`—Applies coloring based on info theme color.
     * * `success`— Applies coloring based on success theme color.
     * * `warning`— Applies coloring based on warning theme color.
     * * `error`— Applies coloring based on error theme color.
     * * `inverse`— Applies coloring based on inverse theme color.
     *
     * If the property is not set, the icon inherits the color from its parent.
     *
     * You can use the `style` prop to apply custom color related properties to the icon.
     */
    themeColor?: IconThemeColor | string;
    /**
     * Specifies the size of the icon.
     *
     * The possible values are:
     * `default` (Default)—Font-size: 16px; Width: 16px; Height: 16px.
     * `xsmall`—Font-size: 12px; Width: 12px; Height: 12px.
     * `small`—Font-size: 14px; Width: 14px; Height: 14px.
     * `medium`—Font-size: 16px; Width: 16px; Height: 16px.
     * `large`—Font-size: 20px; Width: 20px; Height: 20px.
     * `xlarge`—Font-size: 24px; Width: 24px; Height: 24px.
     * `xxlarge`—Font-size: 32px; Width: 32px; Height: 32px.
     * `xxxlarge`—Font-size: 48px; Width: 48px; Height: 48px.
     *
     *
     * You can use the `style` prop to apply custom font size to the icon.
     */
    size?: IconSize | string;
    /**
     * Specifies the icon flip direction.
     *
     * The possible values are:
     * * `default` (Default)—No flipping applied.
     * * `horizontal`—Flips the icon in horizontal direction.
     * * `vertical`—Flips the icon in vertical direction.
     * * `both`—Flips the icon in both horizontal and vertical directions.
     *
     */
    flip?: IconFlip | string;
    /**
     * Specifies the fill mode of the Icon.
     *
     * The possible values are:
     * * `solid`—The default icon fill mode.
     * * `outline`—Renders an outlined version of the icon.
     * * `duotone`—Renders a two-tone version of the icon.
     *
     */
    fillMode?: IconFillMode | string;
}