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

import Title from "src/Title";

export default function TitleItem({
  title,
  titleColor,
  text,
}: {
  title: string;
  titleColor: string;
  text: string;
}) {
  return (
    <ListGroupItem>
      <Row className="g-0">
        <Col className="m-1" xs="auto">
          <Title title={title} titleColor={titleColor} />
          <br />
          <span>{text}</span>
        </Col>
      </Row>
    </ListGroupItem>
  );
}
