hh-ui-components
Version:
16 lines • 1.1 kB
JavaScript
import React, { useState } from "react";
import { Button } from "../../Button";
export var BlogNav = function (_a) {
var data = _a.data;
var _b = useState(1000), isSelected = _b[0], setIsSelected = _b[1];
return (React.createElement("div", { className: "m-0 scrollbar-hide bg-primary overflow-y-scroll py-[1.375rem] lg:mx-auto lg:w-fit lg:py-[1.528vw] " },
React.createElement("div", { className: "flex w-max px-[1.25rem] gap-[1.688rem] md:gap-[3.516vw] lg:w-full lg:gap-[1.688rem] 2xl:gap-[1.875vw]" },
React.createElement(Button, { key: 1000, variants: "hoverUnderline", label: "All", onClick: function () {
("");
}, className: "".concat(1000 === isSelected ? "tt-scale" : "") }),
data.map(function (val, index) { return (React.createElement(Button, { key: index, variants: "hoverUnderline", label: val.label, onClick: function () {
("");
}, className: "".concat(index === isSelected ? " tt-scale" : "") })); }))));
};
export default BlogNav;
//# sourceMappingURL=BlogNav.js.map