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

Sample core for higher packages to depend on

import {jsx,jsxs}from'@emotion/react/jsx-runtime';import {Button}from'./button.js';import {styleSheet}from'./styles.js';const Form = ({
  bgColor
}) => {
  const formItems = [{
    type: 'text',
    placeholder: 'Full Name'
  }, {
    type: 'email',
    placeholder: 'Email'
  }, {
    type: 'password',
    placeholder: 'Password'
  }];
  return jsx("div", {
    children: jsxs("div", {
      css: styleSheet.fromWrapper,
      children: [jsx("form", {
        children: formItems.map((item, index) => {
          return jsx("input", {
            css: styleSheet.inputs,
            type: "text",
            placeholder: item.placeholder
          }, index);
        })
      }), jsx(Button, {
        bgColor: bgColor,
        color: "#fff",
        padding: "15px 30px",
        borderRadius: "50px",
        border: "1px solid white",
        width: "100%",
        children: "Get Started"
      })]
    })
  });
};export{Form as default};//# sourceMappingURL=form.js.map