import React from 'react';
import type { SxProps, Theme } from '@mui/material/styles';
import { type AwakeningOptions } from '../../hooks/useAwakeningStyle';
/**
 * Props for the AwakeningCard component
 */
export interface AwakeningCardProps extends AwakeningOptions {
    /** Card title (optional) */
    title?: string;
    /** Title icon (optional) - will be colored dynamically */
    titleIcon?: React.ReactNode;
    /** Card content */
    children: React.ReactNode;
    /** Additional card sx props */
    sx?: SxProps<Theme>;
    /** Additional CardContent sx props */
    contentSx?: SxProps<Theme>;
    /** Minimum width of the card */
    minWidth?: number;
    /** Height of the card */
    height?: number | string;
}
/**
 * A Card component with "Silence to Awakening" hover effect.
 *
 * When `awakening` is enabled, the card transitions from a muted gray state
 * to an accented highlighted state on hover or when `isAlert` is true.
 *
 * @example
 * ```tsx
 * // Basic usage with awakening
 * <AwakeningCard awakening title="SYSTEM STATUS">
 *   <p>Content here</p>
 * </AwakeningCard>
 *
 * // With alert state
 * <AwakeningCard awakening isAlert title="CPU USAGE" titleIcon={<CpuIcon />}>
 *   <p>85% - High usage detected</p>
 * </AwakeningCard>
 *
 * // Wrap a chart
 * <AwakeningCard awakening title="PERFORMANCE" titleIcon={<ChartIcon />}>
 *   <MyChart />
 * </AwakeningCard>
 * ```
 */
export declare const AwakeningCard: React.FC<AwakeningCardProps>;
//# sourceMappingURL=AwakeningCard.d.ts.map