Reshaped Checkbox

import { Reshaped, View } from "reshaped/bundle";
import Checkbox, { CheckboxGroup } from "@/components/ui/reshaped-checkbox";

export default function Demo() {
  return (
    <Reshaped theme="slate">
      <div style={{ margin: "0 auto", padding: 24, display: "flex", justifyContent: "center" }}>
        <CheckboxGroup name="animalValue" defaultValue={["cat"]}>
          <View gap={2}>
            <Checkbox value="dog">Dog</Checkbox>
            <Checkbox value="cat">Cat</Checkbox>
          </View>
        </CheckboxGroup>
      </div>
    </Reshaped>
  );
}