import { Button } from 'index'
import * as TooltipPrimitive from './index'
import { Plus } from 'lucide-react'

export default () => (
  <TooltipPrimitive.Provider>
    <TooltipPrimitive.Root>
      <TooltipPrimitive.Trigger asChild>
        <Button variant="outline" tw="w-10 rounded-full p-0">
          <Plus tw="h-4 w-4" />
          <span tw="sr-only">Add</span>
        </Button>
      </TooltipPrimitive.Trigger>
      <TooltipPrimitive.Content>
        <p>Add to library</p>
      </TooltipPrimitive.Content>
    </TooltipPrimitive.Root>
  </TooltipPrimitive.Provider>
)
