import React from 'react';
import { VisuallyHidden } from '../..';
export default {
  title: 'Atoms / VisuallyHidden',
  parameters: {
    component: VisuallyHidden
  }
};
export var VisuallyHiddenLabel = {
  render: function render() {
    return React.createElement(React.Fragment, null, "There's text here that's only displayed for screen readers:", React.createElement(VisuallyHidden, null, "I'm only shown for screen readers."));
  },
  name: 'Visually hidden label'
};