import * as CSS from "csstype";
import { ThemeSizes } from "styled-system";


/**
 * Values used for margins and paddings
 */
declare module "styled-system" {

  export interface ThemeSizes {
    NONE: CSS.Property.Margin<number | string>;
		XS: CSS.Property.Margin<number | string>;
		S: CSS.Property.Margin<number | string>;
		M: CSS.Property.Margin<number | string>;
		L: CSS.Property.Margin<number | string>;
		XL: CSS.Property.Margin<number | string>;
		XXL: CSS.Property.Margin<number | string>;
  }
}


export const sizesMap: Partial<ThemeSizes> = {
  NONE: 0,
  XS: 2,
  S: 4,
  M: 8,
  L: 12,
  XL: 16,
  XXL: 20
};