"use client"
import{j as s}from"./chunk-BOVR64ZR.mjs";import{LayoutGroup as u,motion as m}from"framer-motion";import{useId as c}from"react";import{jsx as o,jsxs as d}from"react/jsx-runtime";function x({options:r,selected:a,onSelect:i,className:n}){let e=c();return o("div",{className:s("flex text-sm",n),children:o(u,{id:e,children:r.map(({id:t,label:l})=>d("div",{className:"relative",children:[o("button",{type:"button",onClick:()=>i==null?void 0:i(t),className:s("p-4 transition-colors duration-75",t===a?"text-black":"text-gray-400 hover:text-gray-500"),"aria-selected":t===a,children:l}),t===a&&o(m.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};
