import React from "react";
import { ListGroup, ListGroupItem } from "../../";

export default () => {
  return (
    <div className="m-5">
      <ListGroup>
        <ListGroupItem isActive={true}>
          <span>Hello</span>
        </ListGroupItem>
        <ListGroupItem>
          <span>My</span>
        </ListGroupItem>
        <ListGroupItem>
          <span>Friend</span>
        </ListGroupItem>
        <ListGroupItem onClick={() => alert("with onClick")}>
          <span>with onClick</span>
        </ListGroupItem>
        <ListGroupItem as="a" role="itemlist" href="#">
          <span>Link</span>
        </ListGroupItem>
        <ListGroupItem variant="secondary">
          <span>A variant (secondary)</span>
        </ListGroupItem>
      </ListGroup>
    </div>
  );
};