@smart-react-components/ui/Grid/Column.js

SRC UI includes React and Styled components.

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const Div_1 = __importDefault(require("@smart-react-components/core/Element/Div"));
const styled_components_1 = __importDefault(require("styled-components"));
const grid_1 = require("../constants/grid");
exports.default = (0, styled_components_1.default)(Div_1.default).attrs(({ paddingHorizontal = '$length.grid.space' }) => ({
    getCol: v => `
    flex: 0 0 ${grid_1.columns[v]}%;
    max-width: ${grid_1.columns[v]}%;
  `,
    getPos: v => `
    margin-left: ${v < 0 ? '-' : ''}${grid_1.columns[Math.abs(v)]}%;
  `,
    paddingHorizontal,
})) `
  box-sizing: border-box;
  width: 100%;
`;