import _ from 'lodash';

import DisplayValue from '@/components/DisplayValue';
import { Badge } from '@/components/ui/badge';

import { TableItemProps } from '../TableItem';
import EmptyItem from './EmptyItem';

const IDItem = (props: TableItemProps) => {

    const value = props.value;


    if (!value) return <EmptyItem {...props} />;






    return <Badge variant="secondary"><DisplayValue className='text-xs font-medium' short={true} value={value} collection={props.structure?.collection ?? ""} /></Badge>




}

export default IDItem;