Stack

import { Stack } from "@/components/ui/stack";

export default function DefaultDemo() {
  return (
        <Stack
          direction={{ sm: "column", lg: "row" }}
          gap={{ sm: 2, md: 5, lg: 10, xl: 15 }}
        >
          <div className="bg-gray-500 h-12 w-12 rounded-md p-2" />
          <div className="bg-gray-500 h-12 w-12 rounded-md p-2" />
          <div className="bg-gray-500 h-12 w-12 rounded-md p-2" />
        </Stack>
  );
}