43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import { FileTextIcon } from "lucide-react"
|
|
|
|
import {
|
|
Attachment,
|
|
AttachmentContent,
|
|
AttachmentDescription,
|
|
AttachmentMedia,
|
|
AttachmentTitle,
|
|
} from "@/styles/base-rhea/ui/attachment"
|
|
|
|
export function AttachmentSizes() {
|
|
return (
|
|
<div className="mx-auto flex w-full max-w-sm flex-col gap-3 py-12">
|
|
<Attachment size="default" className="w-full">
|
|
<AttachmentMedia>
|
|
<FileTextIcon />
|
|
</AttachmentMedia>
|
|
<AttachmentContent>
|
|
<AttachmentTitle>Default attachment</AttachmentTitle>
|
|
<AttachmentDescription>PDF · 2.4 MB</AttachmentDescription>
|
|
</AttachmentContent>
|
|
</Attachment>
|
|
<Attachment size="sm" className="w-full">
|
|
<AttachmentMedia>
|
|
<FileTextIcon />
|
|
</AttachmentMedia>
|
|
<AttachmentContent>
|
|
<AttachmentTitle>Small attachment</AttachmentTitle>
|
|
<AttachmentDescription>PDF · 2.4 MB</AttachmentDescription>
|
|
</AttachmentContent>
|
|
</Attachment>
|
|
<Attachment size="xs" className="w-full">
|
|
<AttachmentMedia>
|
|
<FileTextIcon />
|
|
</AttachmentMedia>
|
|
<AttachmentContent>
|
|
<AttachmentTitle>Extra small attachment</AttachmentTitle>
|
|
</AttachmentContent>
|
|
</Attachment>
|
|
</div>
|
|
)
|
|
}
|