1234567891011121314151617181920212223import React, { ReactElement } from "react";
import { Divider } from "@react-md/divider";
import { Text } from "@react-md/typography";

import CrossFadeExamplesAsync from "./CrossFadeExamplesAsync";
import CrossFadeExamplesStatic from "./CrossFadeExamplesStatic";

export default function Demo(): ReactElement {
  return (
    <>
      <Text type="headline-6" margin="bottom">
        Static Transitions
      </Text>
      <CrossFadeExamplesStatic />
      <Divider />
      <Text type="headline-6">
        Async with <code>Suspense</code>
      </Text>
      <CrossFadeExamplesAsync />
      <Divider />
    </>
  );
}