jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
21 lines (20 loc) • 1.36 kB
TypeScript
/**
* @file index.tsx.
*
* @fileoverview Component that maps directly to CSS grid properties using styled-system. Based on grid-layout for
* styled-system https://styled-system.com/api/#grid-layout
*/
import { ReactNode } from 'react';
import { AlignItemsProps, GridAutoColumnsProps, GridAutoFlowProps, GridAutoRowsProps, GridGapProps, GridTemplateAreasProps, GridTemplateColumnsProps, GridTemplateRowsProps, HeightProps, JustifyContentProps, JustifyItemsProps, SpaceProps, TextAlignProps, WidthProps } from 'styled-system';
declare type BaseGridProps = GridGapProps & GridAutoFlowProps & GridAutoFlowProps & GridAutoColumnsProps & GridAutoRowsProps & GridTemplateColumnsProps & GridTemplateRowsProps & GridTemplateAreasProps & AlignItemsProps & JustifyItemsProps & JustifyContentProps & WidthProps & HeightProps & SpaceProps & TextAlignProps;
export interface GridProps extends BaseGridProps {
children?: ReactNode;
columns?: number | string | number[] | string[];
}
/**
* A Grid allows for displaying information in columns and rows next to each other.
* All properties can accept an array for responsive values. Inside Grids there should be "Cell" components which also have
* specific properties for mapping to CSS Grid properties.
*/
export declare const Grid: ({ children, gridGap, ...props }: GridProps) => JSX.Element;
export default Grid;