export default function ProductItem({num, name, children}){
    return(
        <div className={`product-item item0${num}`}>
            <div className="product-item-title-wrap">
                <h2 className="product-item-title">
                    <span className={`item-logo ico0${num}`}></span>
                    {name}
                </h2>
                {num !== 5 && <button className="more-btn"></button>}
            </div>
            <div className="product-item-content">
                {children}
            </div>
        </div>
    )
}