jobiqo-cl/lib/es/src/components/02-atoms/06-layout/04-grid/props/columns.js

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

import { system } from '../../../../../../node_modules/@styled-system/core/dist/index.esm.js';
import '../../../../../../node_modules/styled-system/dist/index.esm.js';

/**
 * @file index.tsx
 *
 * @fileoverview Custom property for columns for a grid.
 */
const templateTransform = value => {
    return typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
};
const columnConfig = {
    columns: {
        property: 'grid-template-columns',
        transform: templateTransform
    }
};
const columnsProp = system(columnConfig);

export { columnsProp };