---
import { creatorColor, formatTime } from '../lib/util';

export interface Props {
  id: string;
  date: number;
  creator: string;
  box: string;
  board: string
}

const { id, date, creator, box, board = '' } = Astro.props;
---
<div class={box} id={id}>
  <span style="line-height: 2rem;">
    {(board != '') ? (
      <a href=`/board/${board}/${id}` style="font-family: mono">{id}</a>
    ) : (
      <span style="font=family: mono">{id}</span>
    )}

    at {formatTime(date)} <br>
    ->  <span style=`${creatorColor(creator)}; font-family: mono`>
      {creator}
    </span> <br>
  </span> <hr>
  <slot />
</div>