import {
    createElement, //keep this createElement even we dont use it directly. bundler need it to bundle at run time
    Fragment, //keep this Fragment even we dont use it directly. bundler need it to bundle at run time
} from "@wordpress/element";
import { __ } from "@wordpress/i18n";
import { ArrowRightIcon } from "../common/Icons";

const Cards = ({title, desc, icon, buttonText, link}) => {

    return (
        <div className="etafe-cards">
            <div className="etafe-icon-part">{icon}</div>
            
            <h4 className="etafe-title">{title}</h4>
            <p className="etafe-desc">{desc}</p>
            <div className="etafe-btn-part">
                <a href={link}>{buttonText} <ArrowRightIcon/></a>
            </div>
        </div>
    );
}
export default Cards;