{"version":3,"file":"FormModalBody-BRsxm--r.js","sources":["../../../app/javascript/shared/components/modals/FormModal/FormModalBody.vue"],"sourcesContent":["<template>\n  <div>\n    <div :class=\"paddingClass\">\n      <slot />\n    </div>\n    <div v-tooltip=\"buttonTooltip\">\n      <button\n        class=\"tw-inline-flex tw-w-full tw-items-center tw-justify-center tw-rounded-b-xl tw-bg-primary-500 tw-py-3 tw-text-sm tw-text-white tw-transition-colors hover:tw-bg-primary-400 focus:tw-bg-primary-500 focus:tw-outline-none\"\n        :class=\"{\n          'disabled:tw-cursor-not-allowed disabled:tw-bg-primary-200 disabled:tw-text-primary-300':\n            !isButtonLoading,\n        }\"\n        @click=\"emit('submit')\"\n        :disabled=\"isButtonDisabled || isButtonLoading\"\n        :test_id=\"testId\"\n      >\n        {{ footerButtonText }}\n        <LoadingCircle\n          v-if=\"isButtonLoading\"\n          size=\"16\"\n          color=\"tw-text-white\"\n          class=\"tw-ml-2\"\n        />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport LoadingCircle from '../../LoadingCircle.vue'\nimport { computed, useAttrs } from 'vue'\n\nconst emit = defineEmits(['submit'])\n\ndefineProps({\n  footerButtonText: {\n    type: String,\n    default: 'Send',\n  },\n  isButtonDisabled: {\n    type: Boolean,\n    default: false,\n  },\n  isButtonLoading: {\n    type: Boolean,\n    default: false,\n  },\n  buttonTooltip: {\n    type: String,\n    default: '',\n  },\n  paddingClass: {\n    type: String,\n    default: 'tw-p-6',\n  },\n})\n\nconst attrs = useAttrs()\n\nconst testId = computed(() =>\n  attrs.test_id ? attrs.test_id + '-button' : 'modal-save',\n)\n</script>\n"],"names":["emit","__emit","attrs","useAttrs","testId","computed"],"mappings":"scAgCA,MAAMA,EAAOC,EAyBPC,EAAQC,EAAU,EAElBC,EAASC,EAAS,IACtBH,EAAM,QAAUA,EAAM,QAAU,UAAY,YAC9C"}