/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { BaseIconProps } from './BaseIconProps';
import { IconVariant } from './models/variant';
import * as React from 'react';
/**
 * @hidden
 */
export interface SVGIcon {
    /**
     * The unique name of the icon.
     */
    name: string;
    /**
     * The entire SVG content of the icon.
     */
    content: string;
    /**
     * The [viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox)
     * definition that should be used for the icon.
     */
    viewBox: string;
    /**
     * Style variants of the icon (e.g. outline, duotone),
     * keyed by variant name.
     */
    variants?: Record<string, string>;
}
/**
 * @hidden
 */
export interface SvgIconHandle {
    /**
     * The SvgIconHandle element.
     */
    element: HTMLSpanElement | null;
}
/**
 * Represents the props of the [KendoReact SvgIcon component](https://www.telerik.com/kendo-react-ui/components/common/svgicon).
 */
export interface SvgIconProps extends BaseIconProps, React.SVGAttributes<HTMLOrSVGElement> {
    /**
     * Specifies the SVG icon.
     *
     * * The possible keys are:
     * * `name`&mdash;The unique name of the icon.
     * * `content`&mdash;The entire SVG content of the icon.
     * * `viewBox`&mdash;The viewBox definition that should be used for the icon.
     */
    icon?: SVGIcon;
    /**
     * Specifies the viewBox of the custom SVG icon.
     */
    viewBox?: string;
    /**
     * Specifies a list of CSS classes that will be added to the svg element.
     */
    svgClassName?: string;
    /**
     * Sets additional CSS styles to the svg element.
     */
    svgStyle?: React.CSSProperties;
    /**
     * Specifies the variant of the SVG icon to render.
     *
     * The possible values are:
     * * `solid`&mdash;Renders the solid variant of the icon.
     * * `outline`&mdash;Renders the outline variant of the icon.
     * * `duotone`&mdash;Renders the duotone variant of the icon.
     *
     * Custom variant names are also supported if the icon defines them.
     * If the specified variant is not available, the default icon content is rendered.
     */
    variant?: IconVariant;
}
/**
 * Represents the [KendoReact SvgIcon component](https://www.telerik.com/kendo-react-ui/components/common/svgicon).
 *
 * @example
 * ```jsx
 * import { accessibility } from '@progress/kendo-svg-icons';
 *
 * const App = () => {
 *   return (
 *       <SvgIcon icon={accessibility} />
 *   );
 * };
 * ```
 */
export declare const SvgIcon: React.ForwardRefExoticComponent<SvgIconProps & React.RefAttributes<SvgIconHandle | null>>;