Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'

const PublicPost = ({ post }) => {

    const { title, url, image, description } = post
    
    return (
        <div className='container'>
            <div
                className='row p-2 m-2'
                style={{ backgroundColor: 'white' }}
            >
                <div className='col-md-6 col-sm-12 col-12'>
                    <div className="card">
                        <img className="card-img-top" src={image} alt={title} />
                    </div>
                </div>
                <div className='col-md-6 col-sm-12 col-12 d-flex align-items-center position-relative'>
                    <div className="card border-0">
                        <div className="card-body">
                            <h1 className="card-title font-weight-bold border-bottom">{title}</h1>
                            <p className="card-text">
                                {description}
                            </p>
                            {
                                url &&
                                <a href={url} target='_blank' className="btn btn-primary mt-2" rel="noreferrer">
                                    <i className="fa fa-file" /> Ir al post
                                </a>
                            }
                        </div>
                    </div>
                </div>
            </div>
        </div >
    )
}

export default PublicPost