import React, {memo} from 'react'
import getImage from "../../../utils/getImage";

const SiteTemplateSelector = memo(({name='Full Name', data}) =>{
        console.log("Page data == ", data)
        return (
            <div className="page-account-form">
                <div className="p-0">
                    <div className="row">
                        <>
                            {Object.entries(data)?.map(([key, value]) => (
                                <div key={key} className="col-xl-6 col-sm-6">
                                    <div className="card card-statistics">
                                        <div className="card-body">
                                            <div className="text-center p-2">
                                                <div className="mb-2">
                                                    <img  src={getImage(value.banner)} alt={value.title} />
                                                </div>
                                                <h4 className="mb-0">{value.title}</h4>
                                                <a href="javascript:void(0)" className="btn btn-light">Activate</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            ))}
                        </>
                    </div>
                </div>
            </div>
        )
    }
)
export default SiteTemplateSelector