import { default as React } from 'react';
export interface BarChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
    /**
     * Chart data.
     *
     * Example:
     * [
     *   {"label":"Jan","value":120},
     *   {"label":"Feb","value":180}
     * ]
     *
     * @type|complex
     * @schema {
     *   "type":"array",
     *   "items":{
     *     "type":"object",
     *     "properties":{
     *       "label":{"type":"string"},
     *       "value":{"type":"number"},
     *       "color":{"type":"string"},
     *       "data":{"type":"object"}
     *     }
     *   }
     * }
     */
    data?: any[];
    categoryKey?: string;
    valueKey?: string;
    colorKey?: string;
    height?: number;
    minValue?: number;
    maxValue?: number;
    showGrid?: boolean;
    showXAxis?: boolean;
    showYAxis?: boolean;
    showValues?: boolean;
    showTooltip?: boolean;
    gridLines?: number;
    barGap?: number;
    /**
     * Default bar color.
     *
     * Individual items can override this
     * using the colorKey property.
     *
     * @color
     */
    barColor?: string;
    /**
     * Hovered bar color.
     *
     * @color
     */
    hoverColor?: string;
    /**
     * Grid line color.
     *
     * @color
     */
    gridColor?: string;
    /**
     * Axis / label color.
     *
     * @color
     */
    textColor?: string;
    /**
     * Root customization.
     *
     * @type|class
     * @schema [
     *   {
     *     "key":"Width",
     *     "prefix":"w",
     *     "type":"select",
     *     "options":[
     *       {"key":"full","label":"Full Width"},
     *       {"key":"64","label":"Small"},
     *       {"key":"80","label":"Medium"},
     *       {"key":"96","label":"Large"}
     *     ]
     *   },
     *   {
     *     "key":"Background",
     *     "prefix":"bg",
     *     "type":"select",
     *     "options":[
     *       {"key":"white","label":"White"},
     *       {"key":"gray-50","label":"Gray 50"},
     *       {"key":"gray-900","label":"Gray 900"},
     *       {"key":"transparent","label":"Transparent"}
     *     ]
     *   },
     *   {
     *     "key":"Radius",
     *     "prefix":"rounded",
     *     "type":"select",
     *     "options":[
     *       {"key":"none","label":"None"},
     *       {"key":"md","label":"Medium"},
     *       {"key":"lg","label":"Large"},
     *       {"key":"xl","label":"Extra Large"},
     *       {"key":"2xl","label":"2XL"}
     *     ]
     *   }
     * ]
     */
    className?: string;
    /**
     * Chart area customization.
     *
     * @type|class
     */
    chartClassName?: string;
    /** @type|function */
    onBarClick?: (item: any, index: number) => void;
    /** @type|function */
    onBarHover?: (item: any, index: number) => void;
    /** @type|function */
    onBarHoverEnd?: (item: any, index: number) => void;
}
export default function BarChart({ data, categoryKey, valueKey, colorKey, height, minValue, maxValue, showGrid, showXAxis, showYAxis, showValues, showTooltip, gridLines, barGap, barColor, hoverColor, gridColor, textColor, className, chartClassName, onBarClick, onBarHover, onBarHoverEnd, style, ...props }: BarChartProps): import("react/jsx-runtime").JSX.Element;