useBlobMetadata

import { useBlobMetadata } from "@shelby-protocol/react";

function BlobDetails({ account, name }: { account: string; name: string }) {
  const { data: metadata, isLoading, error } = useBlobMetadata({
    account,
    name,
  });

  if (isLoading) return <div>Loading...</div>;
  if (error) return <div>Error: {error.message}</div>;
  if (!metadata) return <div>Blob not found</div>;

  return (
    <div>
      <h2>{metadata.name}</h2>
      <p>Size: {metadata.size} bytes</p>
      <p>Created: {new Date(metadata.created_at).toLocaleString()}</p>
      <p>Updated: {new Date(metadata.updated_at).toLocaleString()}</p>
    </div>
  );
}