import FeatureImg from '../../assets/img/features/feature.png'

function Card({ 
    cols = 'strb-col-lg-6', 
    style = '1', 
    img_src = '', 
    heading = 'The title here', 
    text = '', 
    btnText = 'Go somewhere',
    link = '#',
}){
  return (
    <>
    { style === '1'?
    <div className={cols}>
        <div className={"strb-intro-item strb-d-sm-flex"}>
        <div className="strb-intro-icon">
            <span>
                <img src={img_src} alt="" />
            </span>
        </div>
        <div className="strb-intro-content">
            <h4 className="strb-intro-title">{heading}</h4>
            <p>{text}</p>
            <div className="strb-intro-btn">
            <a href={link} className="strb-btn" target='_blank'>{btnText}</a>
            </div>
        </div>
        </div>
    </div>
    :
    <div className={cols}>
        <div className="strb-intro-item strb-intro-item-big">
        <div className="strb-row">
            <div className="strb-col-lg-6">
            <div className="strb-intro-item-inner strb-d-sm-flex">
                <div className="strb-intro-icon">
                <span>
                    <img src={img_src} alt="" />
                </span>
                </div>
                <div className="strb-intro-content">
                <h4 className="strb-intro-title">{heading}</h4>
                <p>{text}</p>
                <div className="strb-intro-btn">
                    <a href={link} className="strb-btn" target='_blank'>{btnText}</a>
                </div>
                </div>
            </div>
            </div>
            <div className="strb-col-lg-6">
            <div className="strb-intro-thumb">
                <img src={FeatureImg} alt="" />
            </div>
            </div>
        </div>
        </div>
    </div>
    }
    </>
  )
}

export default Card