@faceless-ui/css-grid/dist/Settings/types.d.ts

A React library for building layouts using CSS Grid

/// <reference types="react" />
export interface Columns {
    s: number;
    m: number;
    l: number;
    xl: number;
}
export interface Gaps {
    s: string;
    m: string;
    l: string;
    xl: string;
}
export declare type Breakpoints = {
    s: number;
    m: number;
    l: number;
};
export interface Settings {
    cols: Columns;
    colGap: Gaps;
    rowGap: Gaps;
    smallestBreakpointReached?: 'xl' | 'l' | 'm' | 's';
    breakpoints?: Breakpoints;
    classPrefix?: string;
}
export interface SettingsProviderProps {
    cols?: Columns;
    colGap?: Gaps;
    rowGap?: Gaps;
    classPrefix?: string;
    breakpoints?: Breakpoints;
    children: React.ReactNode;
}