import { Col, ListGroupItem, Row } from "reactstrap";

import { toDate } from "@/Utility";
import { GetAvatarWwwLevelsAPI } from "@/wwwAPI";

export default function WwwLevelItem({
  title,
  date,
}: GetAvatarWwwLevelsAPI[number]) {
  return (
    <ListGroupItem>
      <Row className="g-0">
        <Col className="m-1" xs="auto">
          <span>{title}</span>
          <br />
          {date && <span className="fittedText">{toDate(date)}</span>}
        </Col>
      </Row>
    </ListGroupItem>
  );
}