import { type HTMLAttributes } from 'react';
/**
 * Data item for SimpleBarChart
 */
export interface SimpleBarChartDataItem {
    label: string;
    value: number;
}
/**
 * Props for the SimpleBarChart component
 */
export interface SimpleBarChartProps extends HTMLAttributes<HTMLDivElement> {
    /** Chart data with labels and values */
    data: SimpleBarChartDataItem[];
    /** Title for the chart card */
    title: string;
    /** Height of the bar chart area in pixels */
    chartHeight?: number;
    /** Tailwind bg- color class for the bars (e.g., "bg-info-500") */
    barColor?: string;
}
/**
 * SimpleBarChart component - displays a simple bar chart (non-stacked, single color)
 *
 * @example
 * ```tsx
 * <SimpleBarChart
 *   data={[
 *     { label: 'SEG', value: 150 },
 *     { label: 'TER', value: 200 },
 *     { label: 'QUA', value: 100 },
 *   ]}
 *   title="Quantidade de acessos por periodo"
 *   barColor="bg-info-500"
 * />
 * ```
 */
export declare const SimpleBarChart: ({ data, title, chartHeight, barColor, className, ...props }: SimpleBarChartProps) => import("react/jsx-runtime").JSX.Element;
export default SimpleBarChart;
//# sourceMappingURL=SimpleBarChart.d.ts.map