visually-hidden

1import * as React from 'react';
2 
3import { cn } from '@/registry/lib/utils';
4 
5function VisuallyHidden({ className, ...props }: React.ComponentProps<'span'>) {
6  return (
7    <span
8      data-slot="visually-hidden"
9      className={cn(
10        'absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0 [clip:rect(0,0,0,0)]',
11        className
12      )}
13      {...props}
14    />
15  );
16}
17 
18export { VisuallyHidden };