import React from 'react'
import Point from './Point';

const RichTextPoints2 = ({children, points}) => {
    return (
        <div className='flex max-md:flex-col justify-between items-stretch'>
            <div className="basis-1/2 p-10 max-md:p-7 bg-[#F7F7FF] rounded-[20px] leading-normal mr-[20px] max-md:mr-0 max-md:mb-[20px]">{children}</div>
            <div className="flex flex-col basis-1/2 [&>*:last-child]:mb-0">
                {points.map(point=>
                    <Point key={point.id} Ico={point.ico} text={point.text}/>
                )}
            </div>
        </div>
    )
}

export default RichTextPoints2;