Button

import { Button } from "@moodinary/ui/components/button";

export default function ButtonVariants() {
	return (
		<>
			<Button>Nueva acción</Button>
			<Button variant="secondary">Exportar CSV</Button>
			<Button variant="outline">Filtrar</Button>
			<Button variant="ghost">Cancelar</Button>
			<Button variant="danger">Eliminar equipo</Button>
			<Button variant="link">Ver todas las acciones</Button>
		</>
	);
}

import { Button } from "@moodinary/ui/components/button";
import {
	MoreHorizontalIcon,
	PlusIcon,
	XIcon,
} from "@moodinary/ui/components/icons";

export default function ButtonSizes() {
	return (
		<>
			<Button size="xs">Mínimo</Button>
			<Button size="sm">Pequeño</Button>
			<Button>Mediano</Button>
			<Button size="lg">Grande</Button>
			<Button variant="secondary">
				<PlusIcon />
				Nueva acción
			</Button>
			<Button aria-label="Más opciones" size="icon" variant="secondary">
				<MoreHorizontalIcon />
			</Button>
			<Button aria-label="Cerrar" size="icon-xs" variant="ghost">
				<XIcon />
			</Button>
			<Button aria-label="Cerrar" size="icon-sm" variant="ghost">
				<XIcon />
			</Button>
			<Button aria-label="Agregar" size="icon-lg" variant="secondary">
				<PlusIcon />
			</Button>
		</>
	);
}

import { Button } from "@moodinary/ui/components/button";
import { Spinner } from "@moodinary/ui/components/spinner";

export default function ButtonStates() {
	return (
		<>
			<Button>Guardar</Button>
			<Button disabled>Guardar</Button>
			<Button aria-busy disabled variant="secondary">
				<Spinner />
				Generando PDF…
			</Button>
		</>
	);
}