import { type VariantProps } from "class-variance-authority";
import * as React from "react";
import { z } from "zod";
/**
 * Represents a graph data object
 * @property {string} type - Type of graph to render
 * @property {string[]} labels - Labels for the graph
 * @property {Object[]} datasets - Data for the graph
 */
export declare const graphDataSchema: z.ZodObject<{
    type: z.ZodEnum<["bar", "line", "pie"]>;
    labels: z.ZodArray<z.ZodString, "many">;
    datasets: z.ZodArray<z.ZodObject<{
        label: z.ZodString;
        data: z.ZodArray<z.ZodNumber, "many">;
        color: z.ZodOptional<z.ZodString>;
    }, "strip", z.ZodTypeAny, {
        data: number[];
        label: string;
        color?: string | undefined;
    }, {
        data: number[];
        label: string;
        color?: string | undefined;
    }>, "many">;
}, "strip", z.ZodTypeAny, {
    type: "line" | "bar" | "pie";
    labels: string[];
    datasets: {
        data: number[];
        label: string;
        color?: string | undefined;
    }[];
}, {
    type: "line" | "bar" | "pie";
    labels: string[];
    datasets: {
        data: number[];
        label: string;
        color?: string | undefined;
    }[];
}>;
export declare const graphSchema: z.ZodObject<{
    data: z.ZodObject<{
        type: z.ZodEnum<["bar", "line", "pie"]>;
        labels: z.ZodArray<z.ZodString, "many">;
        datasets: z.ZodArray<z.ZodObject<{
            label: z.ZodString;
            data: z.ZodArray<z.ZodNumber, "many">;
            color: z.ZodOptional<z.ZodString>;
        }, "strip", z.ZodTypeAny, {
            data: number[];
            label: string;
            color?: string | undefined;
        }, {
            data: number[];
            label: string;
            color?: string | undefined;
        }>, "many">;
    }, "strip", z.ZodTypeAny, {
        type: "line" | "bar" | "pie";
        labels: string[];
        datasets: {
            data: number[];
            label: string;
            color?: string | undefined;
        }[];
    }, {
        type: "line" | "bar" | "pie";
        labels: string[];
        datasets: {
            data: number[];
            label: string;
            color?: string | undefined;
        }[];
    }>;
    title: z.ZodString;
    showLegend: z.ZodOptional<z.ZodBoolean>;
    variant: z.ZodOptional<z.ZodEnum<["default", "solid", "bordered"]>>;
    size: z.ZodOptional<z.ZodEnum<["default", "sm", "lg"]>>;
}, "strip", z.ZodTypeAny, {
    data: {
        type: "line" | "bar" | "pie";
        labels: string[];
        datasets: {
            data: number[];
            label: string;
            color?: string | undefined;
        }[];
    };
    title: string;
    variant?: "default" | "solid" | "bordered" | undefined;
    size?: "default" | "sm" | "lg" | undefined;
    showLegend?: boolean | undefined;
}, {
    data: {
        type: "line" | "bar" | "pie";
        labels: string[];
        datasets: {
            data: number[];
            label: string;
            color?: string | undefined;
        }[];
    };
    title: string;
    variant?: "default" | "solid" | "bordered" | undefined;
    size?: "default" | "sm" | "lg" | undefined;
    showLegend?: boolean | undefined;
}>;
export type GraphDataType = z.infer<typeof graphDataSchema>;
export interface GraphProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "data" | "title" | "size">, Omit<VariantProps<typeof graphVariants>, "size" | "variant"> {
    /** Data object containing chart configuration and values */
    data?: GraphDataType;
    /** Optional title for the chart */
    title?: string;
    /** Whether to show the legend (default: true) */
    showLegend?: boolean;
    /** Visual style variant of the graph */
    variant?: "default" | "solid" | "bordered";
    /** Size of the graph */
    size?: "default" | "sm" | "lg";
}
declare const graphVariants: (props?: ({
    variant?: "default" | "solid" | "bordered" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * A component that renders various types of charts using Recharts
 * @component
 * @example
 * ```tsx
 * <Graph
 *   data={{
 *     type: "bar",
 *     labels: ["Jan", "Feb", "Mar"],
 *     datasets: [{
 *       label: "Sales",
 *       data: [100, 200, 300]
 *     }]
 *   }}
 *   title="Monthly Sales"
 *   variant="solid"
 *   size="lg"
 *   className="custom-styles"
 * />
 * ```
 */
export declare const Graph: React.ForwardRefExoticComponent<GraphProps & React.RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=graph.d.ts.map