import { default as React } from 'react';
import { VariantProps } from 'class-variance-authority';
declare const statCardVariants: (props?: ({
    variant?: "default" | "elevated" | "minimal" | null | undefined;
    trend?: "none" | "neutral" | "up" | "down" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
interface StatCardProps extends VariantProps<typeof statCardVariants> {
    label: string;
    value: string | number;
    change?: string;
    trend?: 'up' | 'down' | 'neutral' | 'none';
    icon?: React.ReactNode;
    className?: string;
}
export declare const StatCard: React.FC<StatCardProps>;
declare const formSectionVariants: (props?: ({
    variant?: "default" | "card" | "minimal" | null | undefined;
    spacing?: "normal" | "tight" | "relaxed" | "loose" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
interface FormSectionProps extends VariantProps<typeof formSectionVariants> {
    title?: string;
    description?: string;
    children: React.ReactNode;
    className?: string;
}
export declare const FormSection: React.FC<FormSectionProps>;
declare const featureBlockVariants: (props?: ({
    layout?: "vertical" | "horizontal" | "minimal" | null | undefined;
    spacing?: "normal" | "tight" | "relaxed" | null | undefined;
    interactive?: boolean | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
interface FeatureBlockProps extends VariantProps<typeof featureBlockVariants> {
    icon: React.ReactNode;
    title: string;
    description: React.ReactNode;
    className?: string;
    onClick?: () => void;
}
export declare const FeatureBlock: React.FC<FeatureBlockProps>;
export {};
//# sourceMappingURL=design-system-components.d.ts.map