import React from 'react'
import { Link } from 'gatsby';

const Point2 = ({Ico, link = '/', title, text}) => {
    return (
        <Link to={link} className='bg-white text-7xl rounded-[20px] flex mb-[20px] flex-grow p-10 max-md:p-7'>
            <div className="text-slate-900 text-[54px] max-md:text-5xl mr-[30px]"><Ico addictionalColor='#ef4444'/></div>
            <div className="text-slate-900">
                <h3 className='text-lg font-semibold mb-[10px]'>{title}</h3>
                <p className='text-base font-medium leading-normal'>{text}</p>
            </div>
        </Link>
    )
}

export default Point2;