Attachment

import {
  Attachment,
  AttachmentAction,
  AttachmentActions,
  AttachmentContent,
  AttachmentDescription,
  AttachmentMedia,
  AttachmentTitle,
} from "@/components/ui/attachment";
import { RiDownloadLine, RiFileTextLine } from "@remixicon/react";

export default function Example() {
  return (
    <Attachment>
      <AttachmentMedia variant="icon">
        <RiFileTextLine />
      </AttachmentMedia>
      <AttachmentContent>
        <AttachmentTitle>report.pdf</AttachmentTitle>
        <AttachmentDescription>1.2 MB</AttachmentDescription>
      </AttachmentContent>
      <AttachmentActions>
        <AttachmentAction render={<button />}>
          <RiDownloadLine />
        </AttachmentAction>
      </AttachmentActions>
    </Attachment>
  );
}