hh-ui-components
Version:
8 lines • 864 B
JavaScript
import React from "react";
export var NavListItem = function (_a) {
var item = _a.item, onClick = _a.onClick;
return (React.createElement("a", { className: "flex items-center px-4 2xl:px-[1.111vw] cursor-pointer h-[4rem] md:h-[8.333vw] lg:h-[4rem] 2xl:h-[4.444vw]", onClick: onClick },
React.createElement("span", { className: "relative text-body-large lg:text-body-large 2xl:text-body-large-2xl font-normal not-italic capitalize before:bg-graphite before:absolute before:w-full before:h-px before:left-0 before:scale-x-0 before:transition-transform before:duration-300 before:top-[calc(100%+2px)] before:origin-top-left-full-2/4 hover:before:scale-x-100 group-hover:before:scale-x-100 group-hover:before:origin-top-left-0-2/4 hover:before:bg-graphite" }, item.NavItemLabel)));
};
export default NavListItem;
//# sourceMappingURL=NavListItem.js.map