@sample-stack/counter-module-browser/lib/emotion/components/header.js

Sample core for higher packages to depend on

import {jsxs,jsx}from'@emotion/react/jsx-runtime';import {Button}from'./button.js';import {styleSheet}from'./styles.js';const Navbar = () => {
  const navItems = [{
    title: 'Home'
  }, {
    title: 'Features'
  }, {
    title: 'Reviews'
  }, {
    title: 'Pricing'
  }, {
    title: 'FAQ'
  }];
  return jsxs("div", {
    css: styleSheet.header,
    children: [jsx("div", {
      css: styleSheet.logo,
      children: "CDMBase LLC"
    }), jsx("div", {
      children: jsx("div", {
        children: jsx("ul", {
          css: styleSheet.itemList,
          children: navItems.map((item, index) => {
            return jsx("li", {
              css: styleSheet.li,
              children: item.title
            }, index);
          })
        })
      })
    }), jsx(Button, {
      bgColor: "transparent",
      color: "#fff",
      padding: "8px 30px",
      borderRadius: "4px",
      border: "1px solid white",
      children: "Get Started"
    })]
  });
};export{Navbar as default};//# sourceMappingURL=header.js.map