{"size": 521, "ext": "js", "max_stars_repo_path": "libraries/common/components/Widgets/components/Widget/style.js", "max_stars_repo_name": "fossabot/pwa", "max_stars_repo_stars_event_min_datetime": "2018-03-07T20:08:18.000Z", "max_stars_repo_stars_event_max_datetime": "2021-07-01T10:12:27.000Z", "max_issues_repo_path": "libraries/common/components/Widgets/components/Widget/style.js", "max_issues_repo_name": "fossabot/pwa", "max_issues_repo_issues_event_min_datetime": "2018-04-18T10:35:12.000Z", "max_issues_repo_issues_event_max_datetime": "2021-08-14T07:41:23.000Z", "max_forks_repo_path": "libraries/common/components/Widgets/components/Widget/style.js", "max_forks_repo_name": "fossabot/pwa", "max_forks_repo_forks_event_min_datetime": "2018-05-15T12:53:47.000Z", "max_forks_repo_forks_event_max_datetime": "2021-04-21T06:30:04.000Z"}
{"max_stars_count": 35, "max_issues_count": 435, "max_forks_count": 10, "avg_line_length": 17.9655172414, "max_line_length": 36, "alphanum_fraction": 0.6180422265}
import { css } from 'glamor';

/**
 * Creates a widget cell grid style.
 * @param {number} col Col index.
 * @param {number} row Row index.
 * @param {number} width Width.
 * @param {number} height Height.
 * @param {bool} visible Visible.
 * @returns {string}
 */
function widgetCell({
  col,
  row,
  width,
  height,
}) {
  return css({
    gridColumnStart: col + 1,
    gridColumnEnd: col + width + 1,
    gridRowStart: row + 1,
    gridRowEnd: row + height + 1,
  }).toString();
}

export default {
  widgetCell,
};
