import type { ReactElement } from "react";
import { StatesConfig } from "@react-md/states";
import { Button } from "@react-md/button";

export default function Demo(): ReactElement {
  return (
    <StatesConfig disableRipple>
      <Button id="no-ripple-button-1">Button without ripple</Button>
      <Button id="no-ripple-button-2" disableRipple={false}>
        Button with ripple
      </Button>
    </StatesConfig>
  );
}