import React from "react" ; import type { Story } from "@storybook/react" ; import { ScreenReaderText , ScreenReaderTextProps } from "@okta/odyssey-react" ; import { ScreenReaderText as Source } from "../../../../odyssey-react/src" ; export default { title : `Components/ScreenReaderText` , component : Source } ; const Template = ( { children } ) => ( < p > The following content is visually hidden : { " " } < ScreenReaderText > { children } < /ScreenReaderText> < /p>); export const Default = Template . bind ( { } ) ; Default . args = { children : "Hi! I'm accessible to screen readers!" } ;