import type { Entry } from "../content";
import { Component } from "solid-js";
import css from "./list-item.module.css";

export const ListItem: Component<{ entry: Entry }> = (props) => {
  return (
    <div class={css.listItem}>
      <img src={props.entry.thumbnail} />

      <main>
        <strong>{props.entry.title}</strong>

        <a href={`/content/${props.entry.id}`}>Watch now</a>
      </main>
    </div>
  );
};