<?php

use Lib\PHPXUI\{
    ToggleGroup,
    ToggleGroupItem
};

?>

<ToggleGroup type="multiple" variant="outline" spacing="{2}" size="sm">
    <ToggleGroupItem
        value="star"
        aria-label="Toggle star"
        class="data-[state=on]:bg-transparent data-[state=on]:*:[svg]:fill-yellow-500 data-[state=on]:*:[svg]:stroke-yellow-500"
    >
        <Star />
        Star
    </ToggleGroupItem>
    <ToggleGroupItem
        value="heart"
        aria-label="Toggle heart"
        class="data-[state=on]:bg-transparent data-[state=on]:*:[svg]:fill-red-500 data-[state=on]:*:[svg]:stroke-red-500"
    >
        <Heart />
        Heart
    </ToggleGroupItem>
    <ToggleGroupItem
        value="bookmark"
        aria-label="Toggle bookmark"
        class="data-[state=on]:bg-transparent data-[state=on]:*:[svg]:fill-blue-500 data-[state=on]:*:[svg]:stroke-blue-500"
    >
        <Bookmark />
        Bookmark
    </ToggleGroupItem>
</ToggleGroup>