import type { ReactElement } from "react";
import { Divider } from "@react-md/divider";
import { Typography, TextContainer } from "@react-md/typography";

export default function Demo(): ReactElement {
  return (
    <TextContainer>
      <Typography>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mollis
        nunc et maximus consectetur. Nunc posuere sem ex, quis vulputate lacus
        iaculis non. Nulla facilisi. Proin at lacus suscipit, interdum justo eu,
        mollis justo. Morbi lobortis eros in luctus porta. Nam consectetur
        laoreet nibh, nec egestas velit maximus at. Etiam eget mi luctus,
        fermentum nisi laoreet, tincidunt elit. Proin fermentum efficitur mauris
        eu dictum. Nam eu ante eu orci rhoncus dapibus. Nulla facilisi. Nullam
        sed justo massa. Sed consequat efficitur est, vel dignissim purus
        ultricies non. Ut et cursus metus. Sed sagittis mattis nisl ac pulvinar.
      </Typography>
      <Divider />
      <Typography>
        Nunc nec eleifend est. Nulla elit massa, condimentum a sollicitudin id,
        ullamcorper sed tortor. Sed quis congue mauris, at posuere elit. Cras ut
        nibh vel lacus varius consequat in a velit. Aenean convallis, turpis et
        ornare imperdiet, est enim molestie nulla, in facilisis sem arcu vel
        est. Donec sit amet tortor lobortis, pretium odio sit amet, congue
        neque. Nulla vitae magna sit amet lacus eleifend feugiat ac in nisl. Ut
        fringilla fermentum est ut egestas. Duis tincidunt, mauris sed rhoncus
        volutpat, est quam convallis odio, ac faucibus massa nisi sed ex.
        Praesent mollis quam in sapien rutrum, ut tincidunt lacus accumsan.
        Phasellus pharetra fringilla sapien id feugiat. Vestibulum auctor eget
        nisi eu lacinia. Proin sit amet justo nec turpis consectetur
        scelerisque.
      </Typography>
    </TextContainer>
  );
}