import React from "react"

type DealDetailsProps = {
  title: string
  price: string
  store: string
  link: string
  postedBy: string
  postedAgo: string
}

export default function DealDetails({
  title,
  price,
  store,
  link,
  postedBy,
  postedAgo,
}: DealDetailsProps) {
  return (
    <div className="bg-surface/50 rounded-lg p-4 shadow-sm">
      <h1 className="text-2xl font-semibold mb-2">{title}</h1>

      <div className="text-xl font-bold text-primary mb-2">{price}</div>

      <div className="text-sm text-muted-foreground mb-4">
        Mağaza: {store}
      </div>

      <a
        href={link}
        target="_blank"
        rel="noopener noreferrer"
        className="inline-block text-sm text-blue-600 hover:underline mb-4"
      >
        Anlaşmayı Gör
      </a>

      <div className="text-xs text-muted-foreground">
        Paylaşan: {postedBy} • {postedAgo} önce
      </div>
    </div>
  )
}
