{"version":3,"file":"UModalActions.spec.ts.mjs","names":["exports"],"sources":["../../../../src/components/UModal/__snapshots__/UModalActions.spec.ts.snap"],"sourcesContent":["// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html\n\nexports[`UModalActions > should render correctly 1`] = `\n\"<div class=\\\\\"box-border flex w-full mt-[24px] sm:mt-[32px] flex-nowrap justify-between\\\\\">\n  <!---->\n  <div class=\\\\\"box-border flex gap-3 flex-wrap sm:flex-nowrap order-1 sm:order-2 \n          w-full basis-full flex-1\\\\\">\n    <div class=\\\\\"order-2 sm:order-1 justify-center basis-full flex-1\\\\\">\n      <div class=\\\\\"box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-700 border-gray-300 hover:bg-gray-50 hover:text-gray-800 active:bg-transparent active:shadow-xs-btn active:shadow-gray-200 focus-visible:bg-transparent focus-visible:shadow-xs-btn \n        focus-visible:shadow-gray-200 text-text-sm p-2.5\\\\\" type=\\\\\"Secondary Gray\\\\\">\n        <!---->\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"order-1 sm:order-2 justify-center basis-full flex-1\\\\\">\n      <div class=\\\\\"box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-primary-600 text-white border-primary-600 hover:bg-primary-700 hover:border-primary-700 active:bg-primary-600 active:shadow-xs-btn active:shadow-primary-200 focus-visible:shadow-xs-btn focus-visible:shadow-primary-200 text-text-sm p-2.5\\\\\" type=\\\\\"Primary\\\\\">\n        <!---->\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UModalActions > should render dual actions modal correctly 1`] = `\n\"<div class=\\\\\"box-border flex w-full mt-[24px] sm:mt-[32px] flex-nowrap justify-between\\\\\" dualactions=\\\\\"true\\\\\" isactive=\\\\\"true\\\\\">\n  <!---->\n  <div class=\\\\\"box-border flex gap-3 flex-wrap sm:flex-nowrap order-1 sm:order-2 \n          w-full basis-full flex-1\\\\\">\n    <div class=\\\\\"order-2 sm:order-1 justify-center basis-full flex-1\\\\\">\n      <div class=\\\\\"box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-700 border-gray-300 hover:bg-gray-50 hover:text-gray-800 active:bg-transparent active:shadow-xs-btn active:shadow-gray-200 focus-visible:bg-transparent focus-visible:shadow-xs-btn \n        focus-visible:shadow-gray-200 text-text-sm p-2.5\\\\\" type=\\\\\"Secondary Gray\\\\\">\n        <!---->\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"order-1 sm:order-2 justify-center basis-full flex-1\\\\\">\n      <div class=\\\\\"box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-primary-600 text-white border-primary-600 hover:bg-primary-700 hover:border-primary-700 active:bg-primary-600 active:shadow-xs-btn active:shadow-primary-200 focus-visible:shadow-xs-btn focus-visible:shadow-primary-200 text-text-sm p-2.5\\\\\" type=\\\\\"Primary\\\\\">\n        <!---->\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UModalActions > should render modal with checkbox correctly 1`] = `\n\"<div class=\\\\\"box-border flex w-full mt-[24px] sm:mt-[32px] flex-nowrap justify-between\\\\\" isactive=\\\\\"true\\\\\">\n  <div class=\\\\\"hidden sm:flex items-center gap-2 order-2 sm:order-1 basis-full flex-1\\\\\">\n    <div class=\\\\\"box-border flex rounded border focus:outline-none cursor-pointer hover:bg-primary-100 hover:border-primary-600 border-gray-300\n          active:bg-primary-25\n           active:shadow-md active:shadow-primary-100 active:border-primary-300\n           focus-visible:border-primary-600 focus-visible:bg-primary-100\n           h-[16px] w-[16px]\\\\\" checked=\\\\\"false\\\\\">\n      <!---->\n      <!---->\n      <!---->\n      <!---->\n    </div>\n    <div class=\\\\\"text-text-sm font-medium text-gray-700\\\\\">\n      <!---->\n    </div>\n  </div>\n  <div class=\\\\\"box-border flex gap-3 flex-wrap sm:flex-nowrap order-1 sm:order-2 \n          w-full basis-full flex-1\\\\\">\n    <div class=\\\\\"order-2 sm:order-1 justify-center basis-full flex-1\\\\\">\n      <div class=\\\\\"box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-700 border-gray-300 hover:bg-gray-50 hover:text-gray-800 active:bg-transparent active:shadow-xs-btn active:shadow-gray-200 focus-visible:bg-transparent focus-visible:shadow-xs-btn \n        focus-visible:shadow-gray-200 text-text-sm p-2.5\\\\\" type=\\\\\"Secondary Gray\\\\\">\n        <!---->\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"order-1 sm:order-2 justify-center basis-full flex-1\\\\\">\n      <div class=\\\\\"box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-primary-600 text-white border-primary-600 hover:bg-primary-700 hover:border-primary-700 active:bg-primary-600 active:shadow-xs-btn active:shadow-primary-200 focus-visible:shadow-xs-btn focus-visible:shadow-primary-200 text-text-sm p-2.5\\\\\" type=\\\\\"Primary\\\\\">\n        <!---->\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n\nexports[`UModalActions > should render modal with dual actions and small actions prop  correctly 1`] = `\n\"<div class=\\\\\"box-border flex w-full mt-[24px] sm:mt-[32px] flex-nowrap justify-end\\\\\" dualactions=\\\\\"true\\\\\" isactive=\\\\\"true\\\\\">\n  <!---->\n  <div class=\\\\\"box-border flex gap-3 flex-wrap sm:flex-nowrap order-1 sm:order-2 w-full sm:w-auto justify-end\n          w-full basis-full flex-1\\\\\">\n    <div class=\\\\\"order-2 sm:order-1 justify-center basis-full flex-1 sm:basis-0 sm:flex-none\\\\\">\n      <div class=\\\\\"box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-transparent text-gray-700 border-gray-300 hover:bg-gray-50 hover:text-gray-800 active:bg-transparent active:shadow-xs-btn active:shadow-gray-200 focus-visible:bg-transparent focus-visible:shadow-xs-btn \n        focus-visible:shadow-gray-200 text-text-sm p-2.5\\\\\" type=\\\\\"Secondary Gray\\\\\">\n        <!---->\n        <!---->\n      </div>\n    </div>\n    <div class=\\\\\"order-1 sm:order-2 justify-center basis-full flex-1 sm:basis-0 sm:flex-none\\\\\">\n      <div class=\\\\\"box-border flex items-center justify-center gap-2 h-fit w-full font-semibold rounded-md border select-none focus-visible:outline-none cursor-pointer bg-primary-600 text-white border-primary-600 hover:bg-primary-700 hover:border-primary-700 active:bg-primary-600 active:shadow-xs-btn active:shadow-primary-200 focus-visible:shadow-xs-btn focus-visible:shadow-primary-200 text-text-sm p-2.5\\\\\" type=\\\\\"Primary\\\\\">\n        <!---->\n        <!---->\n      </div>\n    </div>\n  </div>\n</div>\"\n`;\n"],"mappings":"AAAA;;AAEAA,OAAO,6CAA6C,g6CAoBnD;AAEDA,OAAO,gEAAgE,+8CAoBtE;AAEDA,OAAO,iEAAiE,6jEAkCvE;AAEDA,OAAO,6FAA6F,uhDAoBnG"}