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

import scss from "src/etc/EdgeItem.module.scss";

export default function EdgeItem({
  edge,
  text,
}: {
  edge: string;
  text: string;
}) {
  return (
    <ListGroupItem>
      <Row className="g-0">
        <Col className="m-1" xs="auto">
          <img
            alt=""
            src={`data:image/png;base64,${edge}`}
            className={scss.edge}
          />
        </Col>
        <Col className="m-1" xs="auto">
          <span>{text}</span>
        </Col>
      </Row>
    </ListGroupItem>
  );
}