import type { Title } from "../../api/models/Title";

export function TitleCardHorizontal({ title }: { title: Title }) {
  return (
    <div style={{
      display: "flex",
      gap: 12,
      padding: 12,
      border: "1px solid #ddd",
      borderRadius: 8
    }}>
      {title.posterUrl && (
        <img src={title.posterUrl} width={80} />
      )}
      <div>
        <h3>{title.name}</h3>
        <p>{title.year} · {title.season} · Rating: {title.rating}</p>
        <p>Status: {title.status}</p>
      </div>
    </div>
  );
}
