@infinityfx/fluid
Version:
React UI library, using zero-runtime CSS-in-JS.
4 lines (3 loc) • 869 B
JavaScript
"use client";
import{jsx as r}from"react/jsx-runtime";import{createStyles as o}from"../../../core/style.js";import{combineClasses as e,classes as i}from"../../../core/utils.js";import t from"../../feedback/halo.js";import{useNavigationMenu as n}from"./root.js";const a=o("navigation-menu.link",{".link":{position:"relative",display:"block",padding:".4em",borderRadius:"var(--f-radius-sml)",fontWeight:600,color:"var(--f-clr-text-100)",outline:"none",WebkitTapHighlightColor:"transparent"}});function l({children:o,cc:l={},Link:s="a",...c}){const m=e(a,l),{root:d,select:u}=n();return r(t,{color:"var(--f-clr-primary-400)",children:r(s,{...c,role:"menuitem",className:i(m.link,c.className),onBlur:r=>{c.onBlur?.(r),d.current?.contains(r.relatedTarget)||u(void 0)},children:o})})}l.displayName="NavigationMenu.Link";export{l as default};
//# sourceMappingURL=link.js.map