import React, {ReactNode} from 'react';
import ListColumn from './ListColumn';
import {useMediaQuery} from "react-responsive";
type IconColumnProps = {
    customClass?: string
    children?: ReactNode
    icon?:any
    flex?:string
    label?:string
    title?: string
    orderable?: string
    type?: string
}
const IconColumn = ({label, customClass, type, icon, flex='0 0 25px', title}: IconColumnProps) => {
    return (
        <ListColumn label={label} flex={flex} title={title}>
            <div className={`icon-column column-border ${customClass ? customClass : ''}`}>
                {label &&  <div><span className={'label'}>{label}:</span></div>}
                {icon && icon!=='--' && <img src={icon} alt=""/> }
                {icon =='--' && '--'}
            </div>
        </ListColumn>
    );
}
export default IconColumn;