import React from 'react';
import styled, { css } from 'styled-components';
export var visuallyHiddenCss = css(["position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);"]);
var Hidden = styled.div.withConfig({
  displayName: "VisuallyHidden__Hidden",
  componentId: "sc-1mwv7fg-0"
})(["", ""], visuallyHiddenCss);
export var VisuallyHidden = function VisuallyHidden(_ref) {
  var children = _ref.children,
    as = _ref.as;
  return React.createElement(Hidden, {
    as: as
  }, children);
};