import Image from "next/image";
import { Col, ListGroupItem, Row } from "reactstrap";

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