suomifi-ui-components/dist/cjs/reset/HtmlInput/HtmlInput.js

Suomi.fi UI component library

'use strict';

var tslib = require('tslib');
var React = require('react');
var styled = require('styled-components');
var index = require('../utils/index.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

var inputResets = styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  display: inline-block;\n  max-width: 100%;\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  display: inline-block;\n  max-width: 100%;\n"])), index.resets.normalize.html, index.resets.normalize.input, index.resetWithSelectors(['::-webkit-input-placeholder']), index.resets.common);
var Input = function Input(_a) {
  var type = _a.type,
    forwardedRef = _a.forwardedRef,
    passProps = tslib.__rest(_a, ["type", "forwardedRef"]);
  return /*#__PURE__*/React__default.default.createElement("input", tslib.__assign({}, passProps, {
    type: !!type ? type : 'text',
    ref: forwardedRef
  }));
};
var HtmlInput = styled.styled(Input).withConfig({
  componentId: "sc-fkzflm-0"
})(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), inputResets);
var templateObject_1, templateObject_2;

exports.HtmlInput = HtmlInput;
//# sourceMappingURL=HtmlInput.js.map