import { Card } from '#/components/atoms/card.jsx';
import { FileDetails } from '#/components/molecules/file-details.jsx';
import { FilePreview } from '#/components/molecules/file-preview.jsx';

/** One file with its preview and full details, as a list row. */
export function FileCard({ blob, blobBase, recordHref, onNavigate }) {
  return (
    <Card className="mb-3 p-5">
      <div className="flex gap-4">
        <FilePreview blob={blob} blobBase={blobBase} />
        <FileDetails
          blob={blob}
          blobBase={blobBase}
          recordHref={recordHref}
          onNavigate={onNavigate}
        />
      </div>
    </Card>
  );
}