Reconmap/web-client

interface TimestampsProps {
    insertTs: string;
    updateTs: string;
}

const Timestamps = ({ insertTs, updateTs }: TimestampsProps) => {
    const styles = {
        stamp: {
            fontSize: `var(--fontSizeXsmall)`,
            color: `var(--text-color)`,
            opacity: '.6',
        }
    }

    return <>
        <span style={styles.stamp}>
            <strong>Created at</strong>&nbsp;
            <time dateTime={insertTs}>{insertTs}</time>.
            {updateTs && <div><strong>Modified at</strong>
                &nbsp;
                <time dateTime={updateTs}>{updateTs}</time>
                .
            </div>}
        </span>
    </>
}

export default Timestamps