Layout Helpers

import { stack } from '@ogxjs/core';

stack('gap-4 p-8', [
  // children stack vertically
]);

import { row } from '@ogxjs/core';

row('gap-4 items-center', [
  // children align horizontally
]);

import { absolute } from '@ogxjs/core';

// Full-size overlay
absolute('bg-black/50');

// With children
absolute('p-4', [
  span('text-white', 'Overlay content'),
]);

import { grid } from '@ogxjs/core';

grid('gap-4', [
  // wraps when full
]);

import { row, spacer, span } from '@ogxjs/core';

row('', [
  span('', 'Left'),
  spacer(),
  span('', 'Right'),
]);