<script lang="ts">
  import { SelectableTileGroup, SelectableTile } from "../types";
</script>

<SelectableTileGroup legend="Service pricing tiers">
  <SelectableTile value="0" selected>Lite plan</SelectableTile>
  <SelectableTile value="1">Standard plan</SelectableTile>
  <SelectableTile light value="2">Plus plan</SelectableTile>
</SelectableTileGroup>

<SelectableTileGroup light legend="Service pricing tiers">
  <SelectableTile value="0" selected>Lite plan</SelectableTile>
  <SelectableTile value="1">Standard plan</SelectableTile>
  <SelectableTile value="2">Plus plan</SelectableTile>
</SelectableTileGroup>
