jobiqo-cl/lib/es/src/components/02-atoms/06-layout/04-grid/01-cell/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

import { __rest } from '../../../../../../node_modules/tslib/tslib.es6.js';
import React__default from 'react';
import styled from 'styled-components';
import { space } from '../../../../../../node_modules/@styled-system/space/dist/index.esm.js';
import { gridRow, gridArea, gridRowGap, gridColumn, gridColumnGap, width, height, textAlign, alignItems, justifyItems, justifyContent } from '../../../../../../node_modules/styled-system/dist/index.esm.js';

/**
 * Component that maps directly to CSS grid properties using styled-system.
 */
const StyledCell = styled.div `
  ${gridRow};
  ${gridArea};
  ${gridRowGap};
  ${gridColumn};
  ${gridColumnGap};
  ${width};
  ${height};
  ${space};
  ${textAlign};
  ${alignItems};
  ${justifyItems};
  ${justifyContent};
`;
/**
 * A Cell is a child of the Grid Component. It allows items to be specifically displayed in one or multiple
 * cells of a grid. It maps directly to the CSS Grid spec.
 */
const Cell = (_a) => {
    var { children } = _a, props = __rest(_a, ["children"]);
    return React__default.createElement(StyledCell, Object.assign({}, props), children);
};

export default Cell;
export { Cell };