Layout Grid Flip

import LayoutGridFlip, { LayoutGridCard } from "./index.jsx";
import { layoutGridFlip } from "../demo-data.js";
import styles from "./demo.module.css";

export default function LayoutGridFlipDemo() {
  return (
    <div className={styles.demo}>
      <h2 className={styles.heading}>Selected Work</h2>
      <LayoutGridFlip defaultLayout={layoutGridFlip.defaultLayout}>
        {layoutGridFlip.cards.map((card, i) => (
          <LayoutGridCard key={i} {...card} />
        ))}
      </LayoutGridFlip>
    </div>
  );
}