Toggle group with outline variant.

<script setup lang="ts">
import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group"
</script>

<template>
  <div class="flex items-center justify-center">
    <ToggleGroup type="single" variant="outline" default-value="all">
      <ToggleGroupItem value="all" aria-label="Toggle all">All</ToggleGroupItem>
      <ToggleGroupItem value="missed" aria-label="Toggle missed">Missed</ToggleGroupItem>
    </ToggleGroup>
  </div>
</template>