import * as React from 'react';

/**
 * Stack — from @kibrisyazilim/design-system@0.1.0.
 */
export interface StackProps {
  /** `vertical` (default) stacks children in a column. */
  direction?: "vertical" | "horizontal";
  /** Gap between children, from the spacing scale. */
  gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "3xs" | "2xs" | "2xl" | "3xl";
  align?: "start" | "center" | "end" | "stretch" | "baseline";
  justify?: "start" | "center" | "end" | "between" | "around";
  /** Allows children to wrap onto multiple lines. Horizontal stacks only. */
  wrap?: boolean;
  className?: string;
  id?: string;
  style?: CSSProperties;
  children?: React.ReactNode;
}

export declare const Stack: React.ComponentType<StackProps>;