import { jsx, jsxs } from 'react/jsx-runtime';

/**
 * Basic ChartLegendContent component - minimal implementation
 * TODO: Enhance with full legend content functionality when needed
 */
const ChartLegendContent = ({ payload = [], nameKey = 'name', className, ...props }) => {
    if (!payload || payload.length === 0) {
        return null;
    }
    return (jsx("div", { className: `flex flex-wrap gap-4 ${className || ''}`, ...props, children: payload.map((entry, index) => {
            const name = entry[nameKey] || entry.dataKey || `Series ${index + 1}`;
            const color = entry.color || '#8884d8';
            return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "w-3 h-3 rounded", style: { backgroundColor: color } }), jsx("span", { className: "text-base text-gray-600", children: String(name) })] }, index));
        }) }));
};

export { ChartLegendContent };
