import { ToggleGroup, ToggleGroupItem } from "@downcity/ui";

import { ToggleGroup, ToggleGroupItem } from "@downcity/ui";

export function ViewModeToggle() {
  return (
    <ToggleGroup defaultValue={["list"]}>
      <ToggleGroupItem value="list">List</ToggleGroupItem>
      <ToggleGroupItem value="grid">Grid</ToggleGroupItem>
    </ToggleGroup>
  );
}

import { ToggleGroup, ToggleGroupItem } from "@downcity/ui";

export function FilterToggleGroup() {
  return (
    <ToggleGroup multiple defaultValue={["task", "memory"]}>
      <ToggleGroupItem value="task">Task</ToggleGroupItem>
      <ToggleGroupItem value="memory">Memory</ToggleGroupItem>
      <ToggleGroupItem value="skill">Skill</ToggleGroupItem>
    </ToggleGroup>
  );
}