'use client'

import Link from 'next/link'
import { ReactNode } from 'react'

type CardRootProps = {
  children: ReactNode
  link: string
}

export function CardRoot({ children, link }: CardRootProps) {
  return (
    <Link
      className="lowercase transform scale-95 hover:scale-100 transition-transform duration-300 drop-shadow "
      href={link}
    >
      <div
        className={`border border-gray-100 pl-0 rounded-lg max-w-[273px] h-full`}
      >
        {children}
      </div>
    </Link>
  )
}
