import React, { BaseSyntheticEvent } from 'react';

interface StatCardProps {
    value: number;
    label?: string;
    description?: string;
    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'dark' | 'light' | undefined;
}
declare const StatCard: React.FC<StatCardProps>;

interface AlertProps {
    title: string;
    description: string;
}
declare const Alert: React.FC<AlertProps>;

interface TableProps {
    data: Array<Record<string, string | number | boolean>>;
    className?: string;
    alignHeading?: 'left' | 'center' | 'right';
    alignData?: 'left' | 'center' | 'right';
    primaryAction?: (e: BaseSyntheticEvent, v: string) => void;
    secondaryAction?: (e: BaseSyntheticEvent, v: string) => void;
    primaryButtonIcon?: React.ReactNode;
    secondaryButtonIcon?: React.ReactNode;
    primaryButtonText?: string;
    secondaryButtonText?: string;
    key?: string;
}
declare const Table: React.FC<TableProps>;

interface TextInputProps {
    label: string;
    description: string;
    error: string;
    errorColor: string;
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'dark' | 'light' | undefined;
    placeholder: string;
    disabled: boolean;
    radius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
    textcolor?: 'light' | 'dark' | undefined;
    textsize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
}
declare const TextInput: React.FC<TextInputProps>;

interface LinkData {
    text: string;
    url: string;
}
interface LinksProps {
    links: LinkData[];
}
declare const Links: React.FC<LinksProps>;

interface ButtonProps {
    onClick?: () => void;
    color?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'dark' | 'light' | undefined;
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
    radius?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
    variant?: 'default' | 'filled' | 'light' | 'outline' | 'subtle' | 'transparent' | 'white' | undefined;
}
declare const Button: React.FC<ButtonProps>;

interface AvatarProps {
    src: string;
    alt: string;
    size?: 'sm' | 'md' | 'lg';
}
declare const Avatar: React.FC<AvatarProps>;

interface RadioProps {
    options: {
        label: string;
        value: string;
        checked?: boolean;
        description?: string;
    }[];
    onChange: (value: string) => void;
    labelPosition?: 'left' | 'right';
    description?: string;
    error?: string;
    errorColor?: string;
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'dark' | 'light';
    variant?: 'filled' | 'outline';
    radius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
}
declare const Radio: React.FC<RadioProps>;

interface CheckboxProps {
    options: {
        label: string;
        value: string;
        checked?: boolean;
        description?: string;
    }[];
    onChange: (value: string) => void;
    labelPosition?: 'left' | 'right';
    description?: string;
    error?: string;
    errorColor?: string;
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'dark' | 'light';
    variant?: 'filled' | 'outline';
    radius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
}
declare const Checkbox: React.FC<CheckboxProps>;

interface StepData {
    icon?: JSX.Element | null;
    title: string;
    subtitle?: string | null;
    content: JSX.Element;
}
interface StepperProps {
    steps: StepData[];
}
declare const Stepper: React.FC<StepperProps>;

interface ProgressBarProps {
    label: string;
    value: number;
    radius?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'dark' | 'light' | undefined;
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | undefined;
}
declare const ProgressBar: React.FC<ProgressBarProps>;

interface ScatterChartProps {
    data: {
        id: string;
        data: Array<{
            x: number;
            y: number;
        }>;
    }[];
}
declare const ScatterChart: React.FC<ScatterChartProps>;

interface Data$6 {
    id: string;
    color: string;
    data: {
        x: string;
        y: number;
    }[];
}
declare const LineChart: ({ data }: {
    data: Data$6[];
}) => React.JSX.Element;

interface BarChartProps {
    data: any[];
    index: string;
    keys: string[];
}
declare const BarChart: ({ data, index, keys }: BarChartProps) => React.JSX.Element;

interface Data$5 {
    id: string;
    data: {
        x: string;
        y: number;
    }[];
}
declare const RadialBar: ({ data }: {
    data: Data$5[];
}) => React.JSX.Element;

interface Data$4 {
    id: string;
    data: {
        x: string;
        y: number;
    }[];
}
declare const HeatMap: ({ data }: {
    data: Data$4[];
}) => React.JSX.Element;

type Data$3 = {
    id: string;
    data: {
        x: number;
        y: number;
    }[];
};
declare const Bump: ({ data }: {
    data: Data$3[];
}) => React.JSX.Element;

interface Data$2 {
    data: {
        id: string;
        label: string;
        value: number;
    }[];
}
declare const PieChart: ({ data }: {
    data: Data$2[];
}) => React.JSX.Element;

interface Data$1 {
    data: {
        value: number;
        day: string;
    }[];
}
declare const Calendar: ({ data }: {
    data: Data$1;
}) => React.JSX.Element;

interface Data {
    data: {
        id: string;
        value: number;
    }[];
}
declare const ChoroplethMap: ({ data }: {
    data: Data[];
}) => React.JSX.Element;

export { Alert, Avatar, BarChart, Bump, Button, Calendar, Checkbox, ChoroplethMap, HeatMap, LineChart, Links, PieChart, ProgressBar, RadialBar, Radio, ScatterChart, StatCard, Stepper, Table, TextInput };