import _ from 'lodash';

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

const ColorItem = (props: TableItemProps) => {

    const value = props.value;




    return <div
        className='flex items-center justify-center'
    >{value ? <div
        className='w-4 h-4 rounded-md'
        style={{ backgroundColor: value }}
    ></div> : " - "}</div>


}

export default ColorItem;