2021-07-13 22:31:37 +00:00
|
|
|
import React from 'react'
|
|
|
|
import { Arrow } from './Arrow'
|
|
|
|
import './MovieRow.css'
|
|
|
|
|
|
|
|
// title: string
|
|
|
|
// onClick: () => void
|
|
|
|
export function MovieRow(props) {
|
|
|
|
return (
|
|
|
|
<div className="movieRow" onClick={() => props.onClick && props.onClick()}>
|
|
|
|
<div className="left">
|
2021-07-14 09:18:07 +00:00
|
|
|
{props.title}
|
|
|
|
<span className="year">({props.year})</span>
|
2021-07-13 22:31:37 +00:00
|
|
|
</div>
|
|
|
|
<div className="watch">
|
2021-07-14 08:43:45 +00:00
|
|
|
<p>Watch {props.type}</p>
|
2021-07-13 22:31:37 +00:00
|
|
|
<Arrow/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|