// color picker (pickr)
// --------------------------------------------------------------------
(function () {
    const 
      nanoPicker = document.querySelector('#color-picker-nano');


    // nano
    if (nanoPicker) {
      pickr.create({
        el: nanoPicker,
        theme: 'nano',
        default: 'rgba(255, 73, 97, 1)',
        swatches: [
          'rgba(102, 108, 232, 1)',
          'rgba(40, 208, 148, 1)',
          'rgba(255, 73, 97, 1)',
          'rgba(255, 145, 73, 1)',
          'rgba(30, 159, 242, 1)'
        ],
        components: {
          // Main components
          preview: true,
          opacity: true,
          hue: true,

          // Input / output Options
          interaction: {
            hex: true,
            rgba: true,
            hsla: true,
            hsva: true,
            cmyk: true,
            input: true,
            clear: true,
            save: true
          }
        }
      });
    }
  })();
