import React from 'react';
import Link from 'next/link';
import { CaseStudyType } from '@/types';

interface CaseStudyCardProps {
    caseStudy: CaseStudyType;
}

const CaseStudyCard: React.FC<CaseStudyCardProps> = ({ caseStudy }) => {
    return (
        <div className="case-slider-boxarea">
            <div className="img1 image-anime">
                <img src={caseStudy.image} alt={caseStudy.title} />
            </div>
            <div className="content-area">
                <p>{caseStudy.tag}</p>
                <div className="space16"></div>
                <Link href={caseStudy.link || "#"}>{caseStudy.title}</Link>
                <div className="arrow">
                    <Link href={caseStudy.link || "#"}><i className="fa-solid fa-arrow-right"></i></Link>
                </div>
            </div>
        </div>
    );
};

export default CaseStudyCard;
