import React from 'react';
import { SxProps, Theme } from '@mui/material/styles';
export interface DiamondNodeProps {
    /** The color of the node (border, glow effects) */
    color: string;
    /** Size of the node in pixels */
    size?: number | {
        xs?: number;
        sm?: number;
        md?: number;
        lg?: number;
    };
    /** Content to display inside the node (typically an icon) */
    children?: React.ReactNode;
    /** Whether to show hover effects */
    hoverable?: boolean;
    /** Additional sx props for the container */
    sx?: SxProps<Theme>;
}
/**
 * DiamondNode - A rotated square (diamond) container with FUI styling.
 * Used for workflow stages and status indicators.
 *
 * Features:
 * - Double-bordered diamond shape (outer + inner frames)
 * - Glow effects on the inner frame
 * - Optional hover animation with scale and enhanced glow
 */
export declare const DiamondNode: React.FC<DiamondNodeProps>;
export default DiamondNode;
//# sourceMappingURL=DiamondNode.d.ts.map