movie-explorer/src/objects/sidebar.tsx

17 lines
370 B
TypeScript

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 = {
}
return <div id="sidebar" style={style}>
<h1>{movie?.title ?? "loading"}</h1>
<p>{movie?.overview ?? "loading"}</p>
</div>
}