import React from 'react';
import { QuestionData } from './QuestionsData';

interface Props {
  data: QuestionData;
}

export const Question = ({ data }: Props) => (
  <div>
    <div>{data.title}</div>
    <div>
      {`Ask by ${
        data.userName
      } on ${data.created.toLocaleDateString()} ${data.created.toLocaleTimeString()}`}
    </div>
  </div>
);