@primer/react/lib/_VisuallyHidden.js

An implementation of GitHub's Primer Design System using React

'use strict';

var styled = require('styled-components');
var sx = require('./sx.js');

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

var styled__default = /*#__PURE__*/_interopDefault(styled);

const VisuallyHidden = styled__default.default.span.withConfig({
  displayName: "_VisuallyHidden__VisuallyHidden",
  componentId: "sc-11jhm7a-0"
})(["", ""], ({
  isVisible = false
}) => {
  if (isVisible) {
    return sx.default;
  }
  return `
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    `;
});
var VisuallyHidden$1 = VisuallyHidden;

module.exports = VisuallyHidden$1;