39 lines
723 B
TypeScript
39 lines
723 B
TypeScript
|
/** @jsxImportSource @emotion/react */
|
||
|
|
import { css } from '@emotion/react';
|
||
|
|
|
||
|
|
import React from 'react';
|
||
|
|
import { AnswerData } from './QuestionsData';
|
||
|
|
import { gray3 } from './Styles';
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
data: AnswerData;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const Answer = ({ data }: Props) => (
|
||
|
|
<div
|
||
|
|
css={`
|
||
|
|
padding: 10px 0px;
|
||
|
|
`}
|
||
|
|
>
|
||
|
|
<div
|
||
|
|
css={css`
|
||
|
|
padding: 10px 0px;
|
||
|
|
font-size: 13px;
|
||
|
|
`}
|
||
|
|
>
|
||
|
|
{data.content}
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
css={css`
|
||
|
|
font-size: 12px;
|
||
|
|
font-style: italic;
|
||
|
|
color: ${gray3};
|
||
|
|
`}
|
||
|
|
>
|
||
|
|
{`Answered by ${
|
||
|
|
data.userName
|
||
|
|
} on ${data.created.toLocaleDateString()} ${data.created.toLocaleTimeString()}`}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|