Button Toggle Group

import { useState } from "react";
import ButtonToggleGroup from "@/components/ruixen/button-toggle-group";
import { AlignLeft, AlignCenter, AlignRight } from "lucide-react";
 
const options = [
  { value: "left", icon: <AlignLeft className="size-4" /> },
  { value: "center", icon: <AlignCenter className="size-4" /> },
  { value: "right", icon: <AlignRight className="size-4" /> },
];
 
export default function MyComponent() {
  const [alignment, setAlignment] = useState("left");
 
  return (
    <ButtonToggleGroup
      options={options}
      value={alignment}
      onValueChange={setAlignment}
    />
  );
}