Accordion

import {
	Accordion,
	AccordionContent,
	AccordionItem,
	AccordionTrigger,
} from "@moodinary/ui/components/accordion";

export default function AccordionFaq() {
	return (
		<Accordion defaultValue={["anonymous"]}>
			<AccordionItem value="anonymous">
				<AccordionTrigger>¿Los pulsos son anónimos?</AccordionTrigger>
				<AccordionContent>
					Sí. Respondés sin nombre ni cuenta. La lectura es del grupo, no de
					cada persona.
				</AccordionContent>
			</AccordionItem>
			<AccordionItem value="fog">
				<AccordionTrigger>¿Qué pasa si hay pocas respuestas?</AccordionTrigger>
				<AccordionContent>
					Con menos de 8 pulsos en la semana, la lectura entra en Niebla. El
					promedio es provisional y no se muestra una tendencia.
				</AccordionContent>
			</AccordionItem>
			<AccordionItem value="frequency">
				<AccordionTrigger>
					¿Tengo que responder una vez por semana?
				</AccordionTrigger>
				<AccordionContent>
					No. Podés responder cuando quieras, sin una frecuencia mínima.
				</AccordionContent>
			</AccordionItem>
		</Accordion>
	);
}

import {
	Accordion,
	AccordionContent,
	AccordionItem,
	AccordionTrigger,
} from "@moodinary/ui/components/accordion";

export default function AccordionMultiple() {
	return (
		<Accordion defaultValue={["school", "company"]} multiple>
			<AccordionItem value="school">
				<AccordionTrigger>Ejemplo para una escuela</AccordionTrigger>
				<AccordionContent>
					4.º A y 5.º B son equipos ilustrativos.
				</AccordionContent>
			</AccordionItem>
			<AccordionItem value="company">
				<AccordionTrigger>Ejemplo para una empresa</AccordionTrigger>
				<AccordionContent>
					Equipo Ventas y Equipo Soporte son equipos ilustrativos.
				</AccordionContent>
			</AccordionItem>
			<AccordionItem disabled value="soon">
				<AccordionTrigger>Configuración no disponible</AccordionTrigger>
				<AccordionContent>
					Esta opción está deshabilitada en el ejemplo.
				</AccordionContent>
			</AccordionItem>
		</Accordion>
	);
}