import Link from "next/link";

export default function BlogCard1({ item }) {
    return (
        <>
            <div className="col-md-4">
                <div className="blog__post-two shine-animate-item">
                    <div className="blog__post-thumb-two">
                        <Link href={`/blog/${item.slug}`} className="shine-animate">
                            <img src={`/assets/img/blogging/${item.img}`} alt="" />
                        </Link>
                    </div>
                    <div className="blog__post-content-two">
                        <div className="blog-post-meta">
                            <ul className="list-wrap">
                                <li>
                                    <Link href="/blog" className="blog__post-tag-two">
                                        {item.category}
                                    </Link>
                                </li>
                                <li>
                                    <i className="fas fa-calendar-alt" />
                                    {item.date}
                                </li>
                            </ul>
                        </div>
                        <h2 className="title">
                            <Link href={`/blog/${item.slug}`}>{item.title}</Link>
                        </h2>
                        <div className="blog-avatar">
                            <div className="avatar-thumb">
                                <img src="/assets/img/blog/authorImg.png" alt="" />
                            </div>
                            <div className="avatar-content">
                                <p>
                                    By <Link href={`/blog/${item.slug}`}>{item.author}</Link>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    );
}
