Material

import { Material } from "@/components/ui/material-1";

const Placeholder = () => (
  <div className="w-80 h-20" />
);

export default function BaseDemo() {
  return (
    <div className="flex flex-col gap-4 w-3/4 py-8">
        <Material type="base">
          <Placeholder />
        </Material>
        <Material type="small">
          <Placeholder />
        </Material>
        <Material type="medium">
          <Placeholder />
        </Material>
        <Material type="large">
          <Placeholder />
        </Material>
        <Material type="tooltip">
          <Placeholder />
        </Material>
        <Material type="menu">
          <Placeholder />
        </Material>
        <Material type="modal">
          <Placeholder />
        </Material>
        <Material type="fullscreen">
          <Placeholder />
        </Material>
      </div>
  );
}