import Image from 'next/image'
import React from 'react'

function Caption({ data }) {
    return (
        <>
            <Image
                className="rounded-[8px] overflow-hidden w-full"
                src={data.cover_first}
                alt="cover-blog"
                height={570}
                width={808}
            />
            <div
                className="my-6 text-[#525252] text-[16px] font-normal leading-[32px]"
                dangerouslySetInnerHTML={{ __html: data.caption }}
            />
            <Image
                className="rounded-[8px] overflow-hidden w-full"
                src={data.cover_second}
                alt="cover-blog"
                height={570}
                width={808}
            />
            <div
                className="my-6"
                dangerouslySetInnerHTML={{ __html: data.caption }}
            />
        </>
    )
}

export default Caption