import { MUTE, PAPER, FONT_MONO } from "../theme";
import { fmtDate } from "../lib/dates";

/* Signatuur: poststempel met datum */
export default function Postmark({ date }) {
  return (
    <div
      aria-label={`Poststempel ${fmtDate(date)}`}
      style={{
        width: 74, height: 74, borderRadius: "50%",
        border: `2px solid ${MUTE}`, boxShadow: `inset 0 0 0 3px ${PAPER}, inset 0 0 0 5px ${MUTE}`,
        display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center",
        transform: "rotate(-8deg)", color: MUTE, fontFamily: FONT_MONO,
        fontSize: 9, lineHeight: 1.4, textAlign: "center", flexShrink: 0, opacity: 0.9,
      }}
    >
      <span>LIEFDES·</span>
      <span style={{ fontSize: 10, fontWeight: 500 }}>{fmtDate(date)}</span>
      <span>·BRIEVEN</span>
    </div>
  );
}