<template>
  <Popover>
    <PopoverTrigger as-child>
      <slot>
        <Button variant="ghost" size="icon">
          <span class="i-ph:palette-fill color-primary" />
        </Button>
      </slot>
    </PopoverTrigger>
    <PopoverContent :side-offset="8" align="start" class="w-96">
      <UiThemeContent />
    </PopoverContent>
  </Popover>
</template>
