theme-example.js

import theme from './theme'

const buttonThemeTemplate = {

  // Typography 
  fontFamily: [ ],
  fontSize: [ ],
  fontWeight: [ ],
  textTransform: [ ],

  // Palette
  colors: [ ],
  backgroundColors: [ ],

  // Borders
  borderColors: [ ]
  borderRadius: [ ],
  borderStyle: [ ],
  borderWidth: [ ],
  borderDirections: [ ],

  // Spacing
  paddingTop: [], 
  paddingLeft: [], 
  paddingBottom: [], 
  paddingRight: [], 

  // Hover states
  hoverColor: [ ],
  hoverBg: [ ],
  hoverBoxShadow: [ ],
  hoverBorderColor: [ ],
  hoverSize: [ ],
  
  // Focus states
  focusColor: [ ],
  focusBg: [ ],
  focusBorderColor: [ ],
  focusBoxShadow: [ ],
  focusSize: [ ],

  // Focus states
  activeColor: [ ],
  activeBg: [ ],
  activeBorderColor: [ ],
  activeBoxShadow: [ ],
  activeSize: [ ],

  transitionProperty: [ ],
  transitionDuration: [ ],
  transitionTimingFunction: [ ],
}

export default buttonThemeTemplate