import React from "react";
import { Movie } from "./movie-wall";
export interface SidebarProps extends React.ComponentPropsWithRef<"div"> {
  movie: Movie;
}
export function Sidebar({ movie }: SidebarProps) {
  const style = {
    backgroundImage: "url(https://image.tmdb.org/t/p/w500/" + movie?.poster_path + ")",
    backgroundSize: "cover",
  }
  return <div id="sidebar" style={style}>
    <h1>{movie?.title ?? "loading"}</h1>
    <p>{movie?.overview ?? "loading"}</p>
  </div>


}