import { variance } from '@codecademy/variance';
import * as PROPERTIES from './config';

/**  General Prop Groups  */
export const typography = variance.create(PROPERTIES.typography);
export const grid = variance.create(PROPERTIES.grid);
export const flex = variance.create(PROPERTIES.flex);
export const layout = variance.create(PROPERTIES.layout);
export const positioning = variance.create(PROPERTIES.positioning);
export const background = variance.create(PROPERTIES.background);
export const color = variance.create(PROPERTIES.color);
export const shadow = variance.create(PROPERTIES.shadows);
export const space = variance.create(PROPERTIES.space);
export const border = variance.create(PROPERTIES.border);
export const list = variance.create(PROPERTIES.list);

/** Sub Groups */
export const padding = variance.create(PROPERTIES.padding);
export const margin = variance.create(PROPERTIES.margin);

/** CSS */
export const css = variance.createCss(PROPERTIES.all);
export const variant = variance.createVariant(PROPERTIES.all);
export const states = variance.createStates(PROPERTIES.all);