import React from "react";

export interface NavLinkItem {
  label: string;
  to: string;
  end?: boolean;
}

export interface LayoutProps {
  brandText?: string;
  brandTo?: string;
  buttonGroup?: React.ReactNode;
  navLinks?: NavLinkItem[];
  children?: React.ReactNode;
  gutterSize?: number | string;
}

export interface FullProps {
  children?: React.ReactNode;
  className?: string;
}

export type VerticalSplitRatio = '1:1' | '3:1' | '2:1' | '25/70';

export interface VerticalSplitProps {
  left?: React.ReactNode;
  right?: React.ReactNode;
  ratio?: VerticalSplitRatio;
  className?: string;
}

export interface HorizontalSplitProps {
  top?: React.ReactNode;
  bottom?: React.ReactNode;
  className?: string;
}
