classname-n-style v0.1.2

Option 1

import commonStyles from 'styles/common.scss';
import localStyles from './style.scss';
import { spreadAttributes } from 'classname-n-style';

const css = spreadAttributes({ commonStyles, localStyles });

// All of the following can be chained with `g`, `l`, `common`

<div {...css('global-class', { display: 'flex' })} />

<div {...css.g('global-class', { display: 'flex' }) />

<div {...css.l('local-class')} />

<div {...css.common('local-class')} />

Option 2

import commonStyles from 'styles/common.scss';
import localStyles from './style.scss';
import { spreadAttributes } from 'classname-n-style';

const { g, l, common } = spreadAttributes({ commonStyles, localStyles });

// All of the following can be chained with `g`, `l`, `common`

<div {...g('global-class')} />

<div {...l('local-class')} />

<div {...common('common-class')} />