"use client";
import{c as o,d as r,e as i}from"./chunk-CLTGASR6.js";import{a,m as l}from"./chunk-3CHPBNY2.js";import{p as s}from"./chunk-KEPQUAOX.js";import{forwardRef as C}from"react";import x from"clsx";var y=a("EulNavItem",["active","focusVisible","root","selected"]),m=t=>i("EulNavItem",{root:["root",t.selected&&"selected",t.focusVisible&&"focusVisible",t.active&&"active"]}),e=y;var c=l("div")(({theme:t})=>s`
    padding: ${t.spacing(3)} ${t.spacing(4)};
    color: ${t.palette.background[800]};
    font-weight: ${t.typography.fontWeightMedium};
    font-size: ${t.typography.body1.fontSize};
    line-height: ${t.typography.body1.lineHeight};
    border-radius: ${t.spacing(2)};
    cursor: pointer;
    user-select: none;

    &:hover {
      color: ${t.palette.background[900]};
    }

    &.${e.active}, &.${e.selected} {
      color: ${t.palette.teal[1e3]};
      background-color: ${t.palette.tealOpaque[200]};
    }
  `);import{jsx as P}from"react/jsx-runtime";var p=C((t,n)=>{let{children:u,className:f,selected:v}=t,{active:d,focusVisible:I,getRootProps:N}=o({...t,ref:n}),g=r(t),b=m({active:d,focusVisible:I,selected:v});return P(c,{...N(),...g,className:x(f,b.root),children:u})});p.displayName="NavItem";var V=p;export{e as a,V as b};
