import { hooks } from 'botframework-webchat-api';
import PropTypes from 'prop-types';
import React, { FC } from 'react';

import AbsoluteTime from './AbsoluteTime';
import RelativeTime from './private/RelativeTime';

const { useStyleOptions } = hooks;

type TimestampProps = {
  timestamp: string;
};

const Timestamp: FC<TimestampProps> = ({ timestamp }) => {
  const [{ timestampFormat }] = useStyleOptions();

  return timestampFormat === 'relative' ? <RelativeTime value={timestamp} /> : <AbsoluteTime value={timestamp} />;
};

Timestamp.propTypes = {
  timestamp: PropTypes.string.isRequired
};

export default Timestamp;