hh-ui-components
Version:
13 lines • 1.06 kB
JavaScript
;
exports.__esModule = true;
exports.NavListItem = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var NavListItem = function (_a) {
var item = _a.item, onClick = _a.onClick;
return (react_1["default"].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_1["default"].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)));
};
exports.NavListItem = NavListItem;
exports["default"] = exports.NavListItem;
//# sourceMappingURL=NavListItem.js.map