Grid

import { Grid } from "@/components/ui/grid";

export default function BasicGridDemo() {
  return (
      <div className="flex flex-col gap-2 w-3/4">
        <Grid.System guideWidth={1} unstable_useContainer>
          <Grid columns={3} rows={2}>
            <Grid.Cell>1</Grid.Cell>
            <Grid.Cell>2</Grid.Cell>
            <Grid.Cell>3</Grid.Cell>
            <Grid.Cell>4</Grid.Cell>
            <Grid.Cell>5</Grid.Cell>
            <Grid.Cell>6</Grid.Cell>
          </Grid>
        </Grid.System>
      </div>
  );
}