import React from "react";
import { Popover, PopoverBody } from "../..";

export default (
  <div className="m-5">
    <Popover
      flexibleContent={true}
      placement="bottom-end"
      reference={<span>Flexible content</span>}
    >
      <PopoverBody className="my-2 popover-resources overflow-auto">
        <p>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia cumque, distinctio
          voluptate minima hic nihil sit unde eum quibusdam rem animi totam. Enim eveniet optio at
          quam provident voluptatem voluptates saepe. Molestiae id ipsam accusamus non ut distinctio
          eius qui vero architecto sed corporis, ab ipsa aliquam minus, laudantium voluptatum nihil
          recusandae expedita dignissimos. Perspiciatis voluptatum labore accusantium ipsa
          dignissimos optio excepturi quaerat quibusdam rem nobis molestiae ad, pariatur obcaecati
          similique accusamus, rerum saepe aliquam minima ut! Aperiam architecto, possimus illo
          assumenda, dolorum quasi repudiandae officia odio eveniet, alias commodi ut modi incidunt
          laborum corrupti veritatis itaque! Nihil, neque quia.
        </p>
      </PopoverBody>
    </Popover>
  </div>
);