<template>
  <div class="component-colors">
    <div class="component-properties">
      <div class="property-container background_color-property-container">
        <div class="title">Background Color</div>
        <div class="property">
          <div class="input-field">
            <color-dropdown v-model="properties.backgroundColor" show-all-colors />
          </div>
        </div>
      </div>
      <div class="property-container background_color-property-container">
        <div class="title">Accent Color</div>
        <div class="property">
          <div class="input-field">
            <color-dropdown v-model="properties.accentColor" />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    props: [ "properties" ],
    data() {
      return {
      
      }
    },
    methods: {
    
    }
  }
</script>