import React from 'react';
import { Timestamp, TimestampFormat } from '@breakaway/preact-core';

export const TimestampBasicFormats: React.FunctionComponent = () => {
  const currentDate = new Date();

  return (
    <>
      <Timestamp date={currentDate} dateFormat={TimestampFormat.full} timeFormat={TimestampFormat.full} />
      <br />
      <br />
      <Timestamp date={currentDate} dateFormat={TimestampFormat.full} />
      <br />
      <br />
      <Timestamp date={currentDate} timeFormat={TimestampFormat.full} />
      <br />
      <br />
      <Timestamp
        date={currentDate}
        dateFormat={TimestampFormat.medium}
        timeFormat={TimestampFormat.short}
        displaySuffix="US Eastern"
      />
    </>
  );
};