WIP Переделала inputs в agreement и medical

src/pages/medicalCard/components/MedicalIdentityDocuments.vue

@@ -4,19 +4,22 @@
       span.font-bold Паспортные данные
       .flex.flex-col.gap-y-6
         .flex.gap-x-4
-          .flex.flex-col.gap-y-2
-            .counter.font-semibold.text-smm Серия и номер
-            base-input(:width-input="277", placeholder="0000 000000")
-          .flex.flex-col.gap-y-2
-            .counter.font-semibold.text-smm Дата выдачи
-            base-input-date.input-date.h-10(:width-input="277")
+          .input
+            base-input(
+              label="Серия и номер",
+              placeholder="0000 000000"
+            )
+          .input
+            base-input-date(label="Дата выдачи")
         .flex.flex-col.gap-y-6
-          .flex.flex-col.gap-y-2
-            .counter.font-semibold.text-smm Кем выдан
-            base-input(:width-input="277", placeholder="Точно как в паспорте")
-          .flex.flex-col.gap-y-2
-            .counter.font-semibold.text-smm Страховая оганизация
-            base-input(:width-input="277", placeholder="Введите название организации")
+          base-input(
+            label="Кем выдан",
+            placeholder="Точно как в паспорте"
+          )
+          base-input(
+            label="Страховая оганизация",
+            placeholder="Введите название организации"
+          )
 </template>
 
 <script>
@@ -37,10 +40,6 @@ export default {
 </script>
 
 <style lang="sass" scoped>
-.input-date
-  border: 1.5px solid var(--border-light-grey-color)
-  border-radius: 4px
-
-.counter
-  color: var(--font-grey-color)
+.input
+  width: 277px
 </style>