import { css } from "otion" ; import React from "react" ; export interface VisuallyHiddenProps { children ? : React . ReactNode ; } export function VisuallyHidden ( { children } ) { return ( < span className = { css ( { position : "absolute" , overflow : "hidden" , width : 1 , height : 1 , margin : - 1 , clip : "rect(0 0 0 0)" , whiteSpace : "nowrap" , } ) } > { children } < /span>); }