settings inputs refactoring

resources/js/components/Admin/AppInputSwitch.vue

@@ -0,0 +1,35 @@
+<template>
+	<div class="mb-7 flex justify-between w-full">
+
+		<!--Label for input-->
+		<div class="leading-5">
+			<label class="text-sm font-bold text-gray-700 mb-1.5 block">
+				{{ title }}:
+			</label>
+
+			<!--Input Description-->
+			<span v-if="description" class="text-xs text-gray-500 leading-3" v-html="description"></span>
+
+			<!--Input Description-->
+			<span v-if="error" class="error-message">
+				{{ error }}
+			</span>
+		</div>
+
+		<!--Form element-->
+		<div>
+			<slot></slot>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: 'AppInputSwitch',
+		props: [
+			'description',
+			'title',
+			'error',
+		]
+	}
+</script>