code: function getClassNames(props) {
    const modificators = [style.row];
  
    // eslint-disable-next-line no-plusplus
    for (let i = 0; i < modificatorKeys.length; ++i) {
      const key = modificatorKeys[i];
      const value = props[key];
      if (value) {
        value.split(',').forEach((m) => {
          modificators.push(style[`${key}-${m}`]);
        });
      }
    }
  
    if (props.reverse) {
      modificators.push(style.reverse);
    }
  
    const classes = modificators
      .filter(o => o && typeof o === 'object')
      .concat([props.styles]);
  
    return !props.className ? css(...classes) : `${props.className} ${css(...classes)}`;
  }
docs: /* eslint-enable