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

export function TitleCardHorizontal({ title }: { title: Title }) {
  return (
    <div style={{
      display: "flex",
      gap: 12,
      padding: 12,
      border: "1px solid #ddd",
      borderRadius: 8
    }}>
      {title.poster?.image_path && (
        <img src={title.poster.image_path} width={80} />
      )}
      <div>
        <h3>{title.title_names["en"]}</h3>
        <p>{title.release_year} · {title.release_season} · Rating: {title.rating}</p>
        <p>Status: {title.title_status}</p>
      </div>
    </div>
  );
}