From 2b3f1e3ed4fa9e127e47d2463c6e7212d20edce6 Mon Sep 17 00:00:00 2001
From: Felipe Brito <felipebritor@gmail.com>
Date: Sun, 13 Aug 2023 17:19:02 -0300
Subject: [PATCH] feat(file-uploader): add skeleton component

---
 .../CvFileUploader/CvFileUploaderSkeleton.vue    | 16 ++++++++++++++++
 src/components/CvFileUploader/index.js           |  3 ++-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/components/CvFileUploader/CvFileUploaderSkeleton.vue

diff --git a/src/components/CvFileUploader/CvFileUploaderSkeleton.vue b/src/components/CvFileUploader/CvFileUploaderSkeleton.vue
new file mode 100644
index 000000000..95e5838cd
--- /dev/null
+++ b/src/components/CvFileUploader/CvFileUploaderSkeleton.vue
@@ -0,0 +1,16 @@
+<template>
+  <div :class="`${carbonPrefix}--form-item`">
+    <cv-skeleton-text heading width="100px" />
+    <cv-skeleton-text
+      width="225px"
+      :class="`${carbonPrefix}--label-description`"
+    />
+    <cv-button-skeleton />
+  </div>
+</template>
+
+<script setup>
+import CvSkeletonText from '../CvSkeletonText';
+import { CvButtonSkeleton } from '../CvButton';
+import { carbonPrefix } from '../../global/settings';
+</script>
diff --git a/src/components/CvFileUploader/index.js b/src/components/CvFileUploader/index.js
index e5a241ea6..78cdbc1a3 100644
--- a/src/components/CvFileUploader/index.js
+++ b/src/components/CvFileUploader/index.js
@@ -1,4 +1,5 @@
 import CvFileUploader from './CvFileUploader.vue';
+import CvFileUploaderSkeleton from './CvFileUploaderSkeleton.vue';
 
-export { CvFileUploader };
+export { CvFileUploader, CvFileUploaderSkeleton };
 export default CvFileUploader;