import Link from "next/link"

export type DocumentProps = {

    title : string,
    category : string,
    categories : string,
    link : string

} 
const DocumentItem : React.FC<DocumentProps> = ({ title, category, categories, link }) => {

    return (
        <div className="flex flex-col md:flex-row gap-4 justify-between items-start py-12 ">

            <div className="flex flex-col">
                <h4 className="text-2xl font-semibold"> { title}</h4>
                <h5 className="text-md mb-5 font-semibold"> { category}</h5>

                <p className="text-sm text-neutral-500"> { categories} </p>

            </div>

            <div>
                <Link href={link} className="bg-black text-white px-6 py-2">
                    İndir
                </Link>
            </div>

        </div>
    )
}

export default DocumentItem