import type {MetadataTags} from 'mediabunny';
import React from 'react';
import {
parseIsMadeWithRemotion,
renderMetadataLabel,
renderMetadataValue,
} from '~/lib/render-metadata-label';
import {TableCell, TableRow} from './ui/table';
const LimitedWidthLabel: React.FC<{
readonly children: React.ReactNode;
readonly alt: string;
}> = ({children, alt}) => {
return (
{children}
);
};
export const MetadataDisplay: React.FC<{
readonly metadata: MetadataTags;
}> = ({metadata}) => {
return (
<>
{Object.entries(metadata).map(([key, value]) => {
if (typeof value !== 'string' && typeof value !== 'number') {
return null;
}
const version = parseIsMadeWithRemotion(key, value);
return (
{renderMetadataLabel(key, value)}
{version ? (
{version}
) : (
renderMetadataValue({
key,
value,
})
)}
);
})}
);
};