@2fn/ui
Version:
17 lines (16 loc) • 924 B
JavaScript
import * as React from 'react';
import Link from 'next/link';
import { DateTime } from './DateTime';
export function ListItem({ title, dateTime, tags, titleLinkTo, }) {
return (React.createElement("div", null,
React.createElement(Link, { href: titleLinkTo, key: title },
React.createElement("a", null,
React.createElement("h4", { style: { marginBottom: '.5rem' } }, title))),
React.createElement("div", { style: {
display: 'flex',
justifyContent: 'space-between',
flexWrap: 'wrap',
} },
React.createElement(DateTime, { date: dateTime, style: { marginRight: '2rem', fontSize: '0.75rem' } }),
React.createElement("div", { style: { display: 'flex', flexWrap: 'wrap' } }, tags.map((tag) => (React.createElement("kbd", { style: { marginRight: '0.5rem', fontSize: '0.75rem' } }, tag.name)))))));
}