https://www.sugiokasystem.co.jp/assets/ProductsHero-BrsEN33F.js

1import{r as e}from"./rolldown-runtime-hePW80VL.js";import{u as t}from"./forms-e-E4Om3o.js";import{I as n}from"./markdown-D-UbjoNZ.js";import{At as r,Dt as i,Kt as a,St as o,at as s,rt as c}from"./vendor-D6dXcgaA.js";import{mt as l}from"./index-DBr81aw_.js";import{t as u}from"./PageHero-BgUA3s6r.js";var d=e(t(),1),f=n(),p=[{key:`device`,label:`映像遅延装置`,icon:s,href:`/products/`},{key:`pcb`,label:`映像遅延メモリ`,icon:r,href:`/products/pcb/`},{key:`demo`,label:`デモ機貸出サービス`,icon:c,href:`/products/demo/`}],m=(0,d.forwardRef)(({activeTab:e},t)=>{let[n,r]=(0,d.useState)(!1),s=p.find(t=>t.key===e),c=s.icon;return(0,f.jsx)(`section`,{ref:t,className:`border-b border-border bg-background sticky top-14 lg:top-[6.5rem] z-40 scroll-mt-14 lg:scroll-mt-[6.5rem]`,children:(0,f.jsxs)(`div`,{className:`container py-2`,children:[(0,f.jsxs)(`div`,{className:`sm:hidden`,children:[(0,f.jsxs)(`button`,{type:`button`,onClick:()=>r(e=>!e),className:`flex w-full items-center justify-between rounded-md bg-accent-strong px-3 py-2.5 text-sm font-medium text-accent-foreground shadow-sm`,children:[(0,f.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,f.jsx)(c,{className:`h-4 w-4 shrink-0`}),(0,f.jsx)(`span`,{children:s.label})]}),(0,f.jsx)(a,{className:`h-4 w-4 shrink-0 transition-transform duration-200 ${n?`rotate-180`:``}`})]}),n&&(0,f.jsxs)(`div`,{className:`mt-1 flex flex-col gap-0.5 rounded-md border border-border bg-card p-1 shadow-md`,children:[p.map(t=>{let n=t.icon;return t.key===e?(0,f.jsxs)(`span`,{className:`inline-flex items-center gap-2 rounded-md border-l-2 border-accent bg-accent/10 px-3 py-2.5 text-sm font-medium text-accent`,children:[(0,f.jsx)(n,{className:`h-4 w-4 shrink-0`}),(0,f.jsx)(`span`,{children:t.label})]},t.key):(0,f.jsxs)(l,{to:`${t.href}?from=tab`,className:`inline-flex items-center gap-2 rounded-md px-3 py-2.5 text-sm font-medium text-foreground/70 hover:bg-muted hover:text-foreground transition-colors`,children:[(0,f.jsx)(n,{className:`h-4 w-4 shrink-0`}),(0,f.jsx)(`span`,{children:t.label})]},t.key)}),(0,f.jsx)(`div`,{className:`border-t border-border mt-1 pt-1`,children:(0,f.jsxs)(`a`,{href:`/products/surpassgolf/`,target:`_blank`,rel:`noopener`,className:`inline-flex items-center gap-2 rounded-md px-3 py-2.5 text-sm font-medium text-foreground/70 hover:bg-muted hover:text-foreground transition-colors`,children:[(0,f.jsx)(o,{className:`h-4 w-4 shrink-0`}),(0,f.jsx)(`span`,{children:`サーパスゴルフ製品`}),(0,f.jsx)(i,{className:`h-3 w-3 shrink-0 opacity-60`})]})})]})]}),(0,f.jsxs)(`div`,{className:`hidden sm:grid sm:grid-cols-[1fr_1fr_1fr_auto] gap-1`,children:[p.map(t=>{let n=t.icon;return t.key===e?(0,f.jsxs)(`span`,{className:`inline-flex items-center justify-center gap-2 rounded-md bg-accent-strong px-3 py-2.5 text-sm font-medium text-accent-foreground shadow-sm`,children:[(0,f.jsx)(n,{className:`h-4 w-4 shrink-0`}),(0,f.jsx)(`span`,{children:t.label})]},t.key):(0,f.jsxs)(l,{to:`${t.href}?from=tab`,className:`inline-flex items-center justify-center gap-2 rounded-md px-3 py-2.5 text-sm font-medium text-foreground/70 hover:bg-muted hover:text-foreground transition-colors`,children:[(0,f.jsx)(n,{className:`h-4 w-4 shrink-0`}),(0,f.jsx)(`span`,{children:t.label})]},t.key)}),(0,f.jsxs)(`a`,{href:`/products/surpassgolf/`,target:`_blank`,rel:`noopener`,className:`inline-flex items-center justify-center gap-2 rounded-md border-l border-border px-3 py-2.5 text-sm font-medium text-foreground/70 hover:bg-muted hover:text-foreground transition-colors`,children:[(0,f.jsx)(o,{className:`h-4 w-4 shrink-0`}),(0,f.jsx)(`span`,{children:`サーパスゴルフ製品`}),(0,f.jsx)(i,{className:`h-3 w-3 shrink-0 opacity-60`})]})]})]})})});m.displayName=`ProductTabNav`;var h=({heroImage:e})=>(0,f.jsx)(u,{image:e,badge:`Products`,title:`製品ラインナップ`,description:`自社製品および関連ブランド製品のラインナップをご紹介します。`});export{m as n,h as t};