Seek Controls

import {
  CaretCircleDoubleLeftIcon,
  CaretCircleDoubleRightIcon,
} from "@phosphor-icons/react"

import { Button } from "@/components/ui/button"
import { SeekControl } from "@/components/limeplay/seek-controls"

export function SeekButtons() {
  return (
    <div className="flex items-center gap-2">
      <SeekControl offset={-10} asChild>
        <Button variant="ghost" size="icon">
          <CaretCircleDoubleLeftIcon />
        </Button>
      </SeekControl>
      <SeekControl offset={10} asChild>
        <Button variant="ghost" size="icon">
          <CaretCircleDoubleRightIcon />
        </Button>
      </SeekControl>
    </div>
  )
}