Resizable

import { Resizable } from "@moodinary/ui/components/resizable";

export default function ResizablePanels() {
	return (
		<Resizable
			end={
				<div>
					<h3 className="font-medium">Detalle</h3>
					<p className="mt-1 text-ink-2">
						Espacio para el detalle del equipo. Contenido ilustrativo.
					</p>
				</div>
			}
			label="Ancho de la lista de equipos"
			start={
				<div>
					<h3 className="font-medium">Equipos</h3>
					<p className="mt-1 text-ink-2">
						4.º A · Equipo Ventas · Equipo Soporte
					</p>
				</div>
			}
		/>
	);
}