import React from 'react';
import { SxProps, Theme } from '@mui/material/styles';
export interface IconBoxProps {
    /** The color of the box (border, inner frame) */
    color: string;
    /** Size of the box in pixels */
    size?: number | {
        xs?: number;
        sm?: number;
        md?: number;
        lg?: number;
    };
    /** Content to display inside the box (typically an icon) */
    children?: React.ReactNode;
    /** Whether to show hover effects */
    hoverable?: boolean;
    /** Whether to show the inner corner accent (L-shaped frame) */
    showCornerAccent?: boolean;
    /** Additional sx props for the container */
    sx?: SxProps<Theme>;
    /** Class name for targeting in parent hover effects */
    className?: string;
}
/**
 * IconBox - A square container with FUI styling for icons.
 * Used for tool cards, action buttons, and feature highlights.
 *
 * Features:
 * - Double-bordered square (outer border + inner frame)
 * - Subtle nested frame effect
 * - Optional hover animation with glow
 */
export declare const IconBox: React.FC<IconBoxProps>;
export default IconBox;
//# sourceMappingURL=IconBox.d.ts.map