phx-react
Version:
PHX REACT
22 lines (21 loc) • 718 B
TypeScript
import React from 'react';
export declare function classNames(...classes: Array<string | undefined | null | false>): string;
type GapSize = 2 | 3 | 4 | 6 | 8 | 12;
type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
interface ResponsiveConfig {
cols?: number;
leftSpan?: number;
rightSpan?: number;
}
export interface TwoColumnLayoutProps {
left: React.ReactNode;
right: React.ReactNode;
className?: string;
responsive?: {
gap?: GapSize;
gapX?: GapSize;
gapY?: GapSize;
} & Partial<Record<Breakpoint, ResponsiveConfig>>;
}
export declare const PHXTwoColumnLayout: ({ className, left, responsive, right, }: TwoColumnLayoutProps) => React.JSX.Element;
export {};