styled-bootstrap-grid
Version:
bootstrap grid system using styled components
43 lines (42 loc) • 1.03 kB
TypeScript
/// <reference types="react" />
import { MediaAliases, Media } from '../../media/types';
export declare type Breakpoints = {
[key in Media]: number;
};
export declare type PartialBreakpoints = Partial<Breakpoints>;
interface GridTheme {
breakpoints?: PartialBreakpoints;
row?: {
padding?: number;
};
col?: {
padding?: number;
};
container?: {
padding?: number;
maxWidth?: PartialBreakpoints;
};
gridColumns?: number;
}
export interface ThemeProps {
gridTheme?: GridTheme;
children: React.ReactChild;
}
export declare type DefaultContainerMaxWidth = {
[K in MediaAliases]: number;
};
export interface StyledBootstrapGrid extends GridTheme {
container: {
padding?: number;
maxWidth: PartialBreakpoints;
};
getContainerPadding: any;
getContainerMaxWidth: any;
getRowPadding: any;
getColPadding: any;
getGridColumns: any;
}
export interface Theme {
styledBootstrapGrid: StyledBootstrapGrid;
}
export {};