import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{N as NavigationItem}from"./NavigationItem.component-DcH7SF-F.js";var topNavItemStyles="\n  jn-flex\n  jn-items-center\n  jn-grow-0\n  jn-box-border\n  jn-justify-start\n  jn-text-theme-default\n  jn-font-bold\n  jn-leading-6\n  jn-py-[0.875rem]\n  jn-px-[1.9rem]\n  jn-text-theme-default\n  jn-bg-theme-topnavigation-item\n  hover:jn-text-theme-high\n  hover:jn-bg-theme-topnavigation-item-active\n  active:jn-text-theme-high\n  active:jn-bg-theme-topnavigation-item-active\n  focus-visible:jn-outline-none\n  focus-visible:jn-ring-2\n  focus-visible:jn-ring-theme-focus\n",topNavActiveItemStyles="\n  jn-font-bold\n  jn-text-theme-high\n  jn-bg-theme-topnavigation-item-active\n  jn-border-b-[3px]\n",TopNavigationItem=function(a){var b=a.active,c=a.ariaLabel,d=a.children,e=void 0===d?null:d,f=a.className,g=void 0===f?"":f,h=a.disabled,i=a.href,j=void 0===i?"":i,k=a.icon,l=void 0===k?null:k,m=a.label,n=void 0===m?"":m,o=a.onClick,p=void 0===o?void 0:o,q=a.value,r=void 0===q?"":q,s=__rest(a,["active","ariaLabel","children","className","disabled","href","icon","label","onClick","value"]);return React__default.createElement(NavigationItem,__assign({active:void 0!==b&&b,activeItemStyles:topNavActiveItemStyles,ariaLabel:c,className:"juno-topnavigation-item ".concat(topNavItemStyles," ").concat(g),disabled:void 0!==h&&h,icon:l,label:n,href:j,onClick:p,value:r},s),e)};export{TopNavigationItem as T};