const TopCardBlock = (props:any) => {
    

    return (
        <>
            {props.cardContent.map((item:any) => (
                <div
                    className="ui-block col-md-6"
                    key={item.id}
                >
                    <div className={`ui-item ${item.uiClass}`}>
                        <div className="left">
                            <i className={`icon la ${item.icon}`}></i>
                        </div>
                        <div className="right">
                            <h4>{item.countNumber}</h4>
                            <p>{item.metaName}</p>
                        </div>
                    </div>
                </div>
            ))}
        </>
    );
};

export default TopCardBlock;