import { useId } from 'react';
import { cn } from '@/lib/cn';
export interface ChakraPoint {
key: string;
name: string;
value: number;
color: string;
}
/** Vertical position of each chakra on the 200×260 figure, crown → root. */
const Y_POSITIONS = [24, 47, 79, 112, 140, 166, 192];
/**
* Glowing meditating silhouette with the seven chakra points.
* `points` must be ordered crown → root.
*/
export function ChakraFigure({ points, className }: { points: ChakraPoint[]; className?: string }) {
const id = useId();
return (
);
}
export function ChakraBars({ points, className }: { points: ChakraPoint[]; className?: string }) {
return (
{points.map((p) => (
-
{p.name}
{p.value}%
))}
);
}