import React from 'react'
import { GatsbyImage, getImage } from 'gatsby-plugin-image';


const Review = ({ img, microdata, ...props }) => {
    return (
        <div className="h-full border-2 rounded-md p-5 border-[#0E0808] relative flex justify-center cursor-pointer" itemScope itemType="https://schema.org/Review" {...props}>
            <GatsbyImage className='rounded-lg mb-2' loading='lazy' imgClassName="!object-contain" image={getImage(img)} alt="logo" placeholder="none"/>
            <div className="hidden">
                <meta itemProp="reviewBody" content={microdata.text}/>
                <meta itemProp="datePublished" content={microdata.date}/>
                <meta itemProp="author" content={microdata.author}/>
                <div itemProp="reviewRating" itemScope itemType="https://schema.org/Rating">
                    <meta itemProp="ratingValue" content='5'/>
                </div>
                <div itemProp="itemReviewed" itemScope itemType="https://schema.org/Organization">
                    <meta itemProp="name" content="Talent Team"/>
                    <meta itemProp="telephone" content="8 (920) 074 55-05"/>
                    <div itemProp="address" itemScope itemType="https://schema.org/PostalAddress">
                        <meta itemProp="addressLocality" content="Москва"/>
                        <meta itemProp="streetAddress" content="Льва Толстого, 16"/>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Review;