feat(text-input): initial setup & input label

Setup index.js, test and .vue files along with initial label
state and test

src/components/CvTextInput/CvTextInput.vue

@@ -0,0 +1,21 @@
+<template>
+  <div
+    :class="[
+      'cv-text-input',
+      `${carbonPrefix}--form-item`,
+      `${carbonPrefix}--text-input-wrapper`,
+    ]"
+  >
+    <label :class="[`${carbonPrefix}--label`]">
+      {{ label }}
+    </label>
+  </div>
+</template>
+
+<script setup>
+import { carbonPrefix } from '../../global/settings';
+
+const props = defineProps({
+  label: String,
+});
+</script>

src/components/CvTextInput/__tests__/CvTextInput.spec.js

@@ -0,0 +1,15 @@
+import { render } from '@testing-library/vue';
+import CvTextInput from '..';
+
+describe('CvTextInput', () => {
+  it("renders label when 'label' prop is passed", () => {
+    const dummyLabel = 'Dummy Label';
+    const { getByText } = render(CvTextInput, {
+      props: { label: dummyLabel },
+    });
+
+    const label = getByText(dummyLabel);
+    expect(label.tagName).toBe('LABEL');
+    expect(label.textContent).toBe(dummyLabel);
+  });
+});

src/components/CvTextInput/index.js

@@ -0,0 +1,4 @@
+import CvTextInput from './CvTextInput.vue';
+
+export { CvTextInput };
+export default CvTextInput;