From 2fb280464240085681ba9f8d0cd6c0d76159da23 Mon Sep 17 00:00:00 2001
From: Angel Fernando Quiroz Campos <1697880+AngelFQC@users.noreply.github.com>
Date: Fri, 17 Jan 2025 18:11:48 -0500
Subject: [PATCH] Display: Add BaseIconfield component

---
 .../basecomponents/BaseIconField.vue          | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 assets/vue/components/basecomponents/BaseIconField.vue

diff --git a/assets/vue/components/basecomponents/BaseIconField.vue b/assets/vue/components/basecomponents/BaseIconField.vue
new file mode 100644
index 0000000000..c06afbfbaf
--- /dev/null
+++ b/assets/vue/components/basecomponents/BaseIconField.vue
@@ -0,0 +1,25 @@
+<script setup>
+import { useI18n } from "vue-i18n"
+
+import IconField from "primevue/iconfield"
+import InputIcon from "primevue/inputicon"
+import InputText from "primevue/inputtext"
+
+import { chamiloIconToClass } from "./ChamiloIcons"
+
+const modelValue = defineModel({
+  type: String,
+})
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <IconField icon-position="left">
+    <InputIcon :class="chamiloIconToClass['search']" />
+    <InputText
+      v-model="modelValue"
+      :placeholder="t('Search')"
+    />
+  </IconField>
+</template>