suomifi-ui-components/dist/cjs/core/VisuallyHidden/VisuallyHidden.js

Suomi.fi UI component library

'use strict';

var tslib = require('tslib');
var React = require('react');
var styledComponents = require('styled-components');
var classnames = require('classnames');
var HtmlSpan = require('../../reset/HtmlSpan/HtmlSpan.js');

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

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

var baseClassName = 'fi-visually-hidden';
var StyledVisuallyHidden = styledComponents.styled(function (props) {
  var forwardedRef = props.forwardedRef,
    passProps = tslib.__rest(props, ["forwardedRef"]);
  return /*#__PURE__*/React__default.default.createElement(HtmlSpan.HtmlSpan, tslib.__assign({
    forwardedRef: forwardedRef
  }, passProps));
}).withConfig({
  componentId: "sc-1s98eq1-0"
})(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  position: absolute;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  padding: 0;\n  border: 0;\n  overflow: hidden;\n"], ["\n  position: absolute;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  padding: 0;\n  border: 0;\n  overflow: hidden;\n"])));
var VisuallyHidden = /*#__PURE__*/React.forwardRef(function (props, ref) {
  var className = props.className,
    passProps = tslib.__rest(props, ["className"]);
  return /*#__PURE__*/React__default.default.createElement(StyledVisuallyHidden, tslib.__assign({
    forwardedRef: ref
  }, passProps, {
    className: classnames__default.default(baseClassName, className)
  }));
});
VisuallyHidden.displayName = 'VisuallyHidden';
var templateObject_1;

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