/* eslint-disable @typescript-eslint/ban-ts-comment */
//@ts-nocheck
import React from 'react';
import { Col, Container, Row } from 'components/layout';
import { Text } from 'components/text';

// TODO: Add type from codegen types
export const NewItem = ({ title, body, createdAt }) => {
  return (
    <Col>
      <Row>
        <Container flexBasis="80%">
          <Text flexShrink={1} variant="body" color="grey-08">
            {title}
          </Text>
        </Container>
        <Container ml="xs">
          <Text variant="caption">{createdAt}</Text>
        </Container>
      </Row>
      <Row mt="xs">
        <Text flexShrink={1} variant="caption">
          {body}
        </Text>
      </Row>
    </Col>
  );
};