WIP создал элемент long list

src/components/base/BaseInput.vue

@@ -16,8 +16,7 @@
         :disabled="disabled",
         :type="type"
       )
-      .slot(v-if="withIcon", :class="iconPosition")
-        slot.cursor-pointer
+      slot(name='icon')
 </template>
 
 <script>
@@ -28,12 +27,6 @@ export default {
       default: "text",
     },
     modelValue: String,
-    withIcon: {
-      default: false,
-    },
-    iconPosition: {
-      default: "right",
-    },
     placeholder: String,
     borderNone: Boolean,
     borderError: Boolean,
@@ -75,10 +68,6 @@ export default {
 </script>
 
 <style lang="sass" scoped>
-.left
-  order: -1
-.right
-  order: 1
 //TODO: Вынести grey borders в taiwindConfig
 .input-wrapper
   border: 1.5px solid var(--border-light-grey-color)

src/components/base/BaseInputContainer.vue

@@ -0,0 +1,14 @@
+<template lang="pug">
+  .flex.flex-col
+    .label {{ label }}
+    slot
+</template>
+
+<script>
+export default {
+  name: "BaseInputContainer",
+  props: {
+    label: String,
+  },
+};
+</script>