headplane/app/routes/acls/components/fallback.tsx
2024-12-08 13:52:02 -05:00

25 lines
534 B
TypeScript

import Spinner from '~/components/Spinner'
import { cn } from '~/utils/cn'
interface Props {
readonly acl: string
}
export default function Fallback({ acl }: Props) {
return (
<div className="inline-block relative w-full h-editor">
<Spinner className="w-4 h-4 absolute p-2" />
<textarea
readOnly
className={cn(
'w-full h-editor font-mono resize-none',
'text-sm text-gray-600 dark:text-gray-300',
'bg-ui-100 dark:bg-ui-800',
'pl-10 pt-1 leading-snug',
)}
value={acl}
/>
</div>
)
}