{"version":3,"sources":["webpack:///./src/midone/views/wizard-layout-3/Main.vue","webpack:///./src/midone/views/wizard-layout-3/Main.vue?c4ba"],"names":["script","render"],"mappings":"mhHAEI,G,gDADF,gCAuJM,cCvJR,MAAMA,EAAS,GACfA,EAAOC,OAASA,EAED","file":"js/chunk-2d0e62f9.33a8138f.js","sourcesContent":["<template>\n  <div>\n    <div class=\"flex items-center mt-8\">\n      <h2 class=\"intro-y text-lg font-medium mr-auto\">Wizard Layout</h2>\n    </div>\n    <!-- BEGIN: Wizard Layout -->\n    <div class=\"intro-y box py-10 sm:py-20 mt-5\">\n      <div\n        class=\"wizard flex flex-col lg:flex-row justify-center px-5 sm:px-20\"\n      >\n        <div\n          class=\"intro-x lg:text-center flex items-center lg:block flex-1 z-10\"\n        >\n          <button class=\"w-10 h-10 rounded-full button text-white bg-theme-1\">\n            1\n          </button>\n          <div class=\"lg:w-32 font-medium text-base lg:mt-3 ml-3 lg:mx-auto\">\n            Create New Account\n          </div>\n        </div>\n        <div\n          class=\"intro-x lg:text-center flex items-center mt-5 lg:mt-0 lg:block flex-1 z-10\"\n        >\n          <button\n            class=\"w-10 h-10 rounded-full button text-gray-600 bg-gray-200 dark:bg-dark-1\"\n          >\n            2\n          </button>\n          <div\n            class=\"lg:w-32 text-base lg:mt-3 ml-3 lg:mx-auto text-gray-700 dark:text-gray-600\"\n          >\n            Setup Your Profile\n          </div>\n        </div>\n        <div\n          class=\"intro-x lg:text-center flex items-center mt-5 lg:mt-0 lg:block flex-1 z-10\"\n        >\n          <button\n            class=\"w-10 h-10 rounded-full button text-gray-600 bg-gray-200 dark:bg-dark-1\"\n          >\n            3\n          </button>\n          <div\n            class=\"lg:w-32 text-base lg:mt-3 ml-3 lg:mx-auto text-gray-700 dark:text-gray-600\"\n          >\n            Setup Your Business Details\n          </div>\n        </div>\n        <div\n          class=\"intro-x lg:text-center flex items-center mt-5 lg:mt-0 lg:block flex-1 z-10\"\n        >\n          <button\n            class=\"w-10 h-10 rounded-full button text-gray-600 bg-gray-200 dark:bg-dark-1\"\n          >\n            4\n          </button>\n          <div\n            class=\"lg:w-32 text-base lg:mt-3 ml-3 lg:mx-auto text-gray-700 dark:text-gray-600\"\n          >\n            Setup Billing Account\n          </div>\n        </div>\n        <div\n          class=\"intro-x lg:text-center flex items-center mt-5 lg:mt-0 lg:block flex-1 z-10\"\n        >\n          <button\n            class=\"w-10 h-10 rounded-full button text-gray-600 bg-gray-200 dark:bg-dark-1\"\n          >\n            5\n          </button>\n          <div\n            class=\"lg:w-32 text-base lg:mt-3 ml-3 lg:mx-auto text-gray-700 dark:text-gray-600\"\n          >\n            Finalize your purchase\n          </div>\n        </div>\n        <div\n          class=\"wizard__line hidden lg:block w-2/3 bg-gray-200 dark:bg-dark-1 absolute mt-5\"\n        ></div>\n      </div>\n      <div\n        class=\"px-5 sm:px-20 mt-10 pt-10 border-t border-gray-200 dark:border-dark-5\"\n      >\n        <div class=\"font-medium text-base\">Profile Settings</div>\n        <div class=\"grid grid-cols-12 gap-4 gap-y-5 mt-5\">\n          <div class=\"intro-y col-span-12 sm:col-span-6\">\n            <div class=\"mb-2\">From</div>\n            <input\n              type=\"text\"\n              class=\"input w-full border flex-1\"\n              placeholder=\"example@gmail.com\"\n            />\n          </div>\n          <div class=\"intro-y col-span-12 sm:col-span-6\">\n            <div class=\"mb-2\">To</div>\n            <input\n              type=\"text\"\n              class=\"input w-full border flex-1\"\n              placeholder=\"example@gmail.com\"\n            />\n          </div>\n          <div class=\"intro-y col-span-12 sm:col-span-6\">\n            <div class=\"mb-2\">Subject</div>\n            <input\n              type=\"text\"\n              class=\"input w-full border flex-1\"\n              placeholder=\"Important Meeting\"\n            />\n          </div>\n          <div class=\"intro-y col-span-12 sm:col-span-6\">\n            <div class=\"mb-2\">Has the Words</div>\n            <input\n              type=\"text\"\n              class=\"input w-full border flex-1\"\n              placeholder=\"Job, Work, Documentation\"\n            />\n          </div>\n          <div class=\"intro-y col-span-12 sm:col-span-6\">\n            <div class=\"mb-2\">Doesn't Have</div>\n            <input\n              type=\"text\"\n              class=\"input w-full border flex-1\"\n              placeholder=\"Job, Work, Documentation\"\n            />\n          </div>\n          <div class=\"intro-y col-span-12 sm:col-span-6\">\n            <div class=\"mb-2\">Size</div>\n            <select class=\"input w-full border flex-1\">\n              <option>10</option>\n              <option>25</option>\n              <option>35</option>\n              <option>50</option>\n            </select>\n          </div>\n          <div\n            class=\"intro-y col-span-12 flex items-center justify-center sm:justify-end mt-5\"\n          >\n            <button\n              class=\"button w-24 justify-center block bg-gray-200 text-gray-600 dark:bg-dark-1 dark:text-gray-300\"\n            >\n              Previous\n            </button>\n            <button\n              class=\"button w-24 justify-center block bg-theme-1 text-white ml-2\"\n            >\n              Next\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- END: Wizard Layout -->\n  </div>\n</template>\n","import { render } from \"./Main.vue?vue&type=template&id=4fdafeee\"\nconst script = {}\nscript.render = render\n\nexport default script"],"sourceRoot":""}