import { default as React } from 'react';
import { default as IStyledIconProps } from './IStyledIconProps';
/**
 * StyledIcon component provides a visually styled wrapper around the Icon component.
 * It adds background colors, sizing, and styling based on the selected variant.
 *
 * @component
 *
 * @param props {@link IStyledIconProps} - The component props
 *
 * @example
 * // Basic usage
 * <StyledIcon name="Check" />
 *
 * @example
 * // With different variant
 * <StyledIcon name="AlertCircle" variant="danger" />
 *
 * @example
 * // With custom size
 * <StyledIcon name="ArrowRight" size="lg" />
 *
 * @example
 * // With animation
 * <StyledIcon name="Loader" animation="spin" />
 *
 * @returns {JSX.Element} StyledIcon component
 */
declare const StyledIcon: React.FC<IStyledIconProps>;
export default StyledIcon;