"use client"
import{k as r}from"./chunk-3GG75RI5.mjs";import{LayoutGroup as l,motion as u}from"framer-motion";import{useId as m}from"react";import{jsx as o,jsxs as p}from"react/jsx-runtime";function x({options:s,selected:a,onSelect:i}){let n=m();return o("div",{className:"flex text-sm",children:o(l,{id:n,children:s.map(({id:t,label:e})=>p("div",{className:"relative",children:[o("button",{type:"button",onClick:()=>i==null?void 0:i(t),className:r("px-3 py-4 transition-colors duration-75",t===a?"text-black":"text-gray-400 hover:text-gray-500"),"aria-selected":t===a,children:e}),t===a&&o(u.div,{layoutId:"indicator",transition:{duration:.1},className:"absolute bottom-0 w-full px-1.5",children:o("div",{className:"h-0.5 bg-black"})})]},t))})})}export{x as a};
