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

Sample core for higher packages to depend on

import {jsxs,jsx}from'@emotion/react/jsx-runtime';import Navbar from'./header.js';import {Button}from'./button.js';import Form from'./form.js';import {styleSheet}from'./styles.js';const ComplexComponent = props => {
  const {
    styles,
    rules,
    theme
  } = props;
  return jsxs("div", {
    css: styleSheet.container,
    children: [jsx(Navbar, {}), jsxs("div", {
      css: styleSheet.home,
      children: [jsxs("div", {
        css: styleSheet.leftSection,
        children: [jsx("h1", {
          css: styleSheet.heading,
          children: "Fly Makes You Faster"
        }), jsx("p", {
          css: styleSheet.para,
          children: "New free template by uicookies.com. For more templates visit the site. Lorem ipsum dolor sit amet, consectetur adipisicing elit."
        }), jsx(Button, {
          bgColor: "#00CA4C",
          color: "#fff",
          padding: "8px 40px",
          borderRadius: "50px",
          border: "1px solid #00CA4C",
          marginLeft: "16%",
          colorOnHover: theme.color.primary,
          children: "Get Started"
        })]
      }), jsx("div", {
        css: styleSheet.rightSection,
        children: jsx(Form, {
          bgColor: theme.color.primary
        })
      })]
    })]
  });
};
const Complex = ComplexComponent;export{Complex};//# sourceMappingURL=ComplexComponent.js.map