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

/**
 * Basic ChartLegend component - minimal implementation
 * TODO: Enhance with full legend functionality when needed
 */
const ChartLegend = ({ content, className, wrapperStyle, layout = 'horizontal', align = 'center', verticalAlign = 'bottom', ...props }) => {
    if (!content) {
        return null;
    }
    const alignClasses = {
        left: 'justify-start',
        center: 'justify-center',
        right: 'justify-end',
    };
    const verticalAlignClasses = {
        top: 'items-start',
        middle: 'items-center',
        bottom: 'items-end',
    };
    const layoutClasses = {
        horizontal: 'flex-row',
        vertical: 'flex-col',
    };
    return (jsx("div", { className: `flex ${layoutClasses[layout]} ${alignClasses[align]} ${verticalAlignClasses[verticalAlign]} ${className || ''}`, style: wrapperStyle, ...props, children: content }));
};

export { ChartLegend };
