import * as React from 'react' ; import { Primitive } from '@radix-ui/react-primitive' ; import type * as Radix from '@radix-ui/react-primitive' ; const NAME = 'VisuallyHidden' ; type VisuallyHiddenElement = React . ElementRef < typeof Primitive . span > ; type PrimitiveSpanProps = Radix . ComponentPropsWithoutRef < typeof Primitive . span > ; interface VisuallyHiddenProps extends PrimitiveSpanProps { } const VisuallyHidden = React . forwardRef < VisuallyHiddenElement , VisuallyHiddenProps > ( ( props , forwardedRef ) => { return ( < Primitive . span { ... props } ref = { forwardedRef } style = { { ... props . style , position : 'absolute' , border : 0 , width : 1 , height : 1 , padding : 0 , margin : - 1 , overflow : 'hidden' , clip : 'rect(0, 0, 0, 0)' , whiteSpace : 'nowrap' , wordWrap : 'normal' , } } />); } ) ; VisuallyHidden . displayName = NAME ; const Root = VisuallyHidden ; export { VisuallyHidden , Root , } ; export type { VisuallyHiddenProps } ;