export const sampleRules = [
  {
    component: 'Underlay',
    // variant: 'normal',
    // state: 'normal'
    directives: {
      background: '#000000',
      opacity: 0.2
    }
  },
  {
    component: 'Panel',
    directives: {
      background: '#FFFFFF',
      opacity: 0.9
    }
  },
  {
    component: 'PanelHeader',
    directives: {
      background: '#000000',
      opacity: 0.9
    }
  },
  {
    component: 'Button',
    directives: {
      background: '#808080',
      opacity: 0.5
    }
  }
]