ui-neu/dist/components/forms/Input.js

Neu UI, a responsive React component library.

import _taggedTemplateLiteral from "/home/runner/work/neu_ui/neu_ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral";

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  margin-bottom: 2rem;\n\n  background-color: rgba(204, 218, 226, 0.349);\n\n  box-shadow: inset -8px -8px 16px 0px rgba(255, 255, 255, 0.5),\n    inset 4px 4px 6px 0px rgba(0, 0, 0, 0.2);\n\n  padding: 0.5rem 0.5rem 0.5rem 0.6rem;\n  border: none;\n  outline: none;\n  width: 100%;\n  border-radius: 0.4rem;\n  color: rgb(139, 139, 139);\n  font-family: roboto, helvetica, sans-serif;\n  font-weight: 300;\n  font-size: 90%;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

import React from "react";
import styled from "styled-components";
var StyledTextInput = styled.input(_templateObject());
export var Input = function Input(_ref) {
  var placeholder = _ref.placeholder,
      type = _ref.type,
      id = _ref.id,
      name = _ref.name;
  return /*#__PURE__*/React.createElement(StyledTextInput, {
    placeholder: placeholder,
    type: type,
    id: id,
    name: name
  });
};
Input.defaultProps = {
  placeholder: null,
  type: null,
  name: null,
  id: null
};