From afc4c643f3c66024373eb013639e0b43a1a24b52 Mon Sep 17 00:00:00 2001
From: Rizky Agung Prayogi <86102020+rizky201008@users.noreply.github.com>
Date: Tue, 23 Jan 2024 14:26:05 +0700
Subject: [PATCH] =?UTF-8?q?docs(floatinglabel=20component):=20i=20change?=
 =?UTF-8?q?=20import=20error=20and=20fix=20wrong=20co=E2=80=A6=20(#1242)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

docs(floatinglabel component): i change import error and fix wrong color at code example

I just changed the import error in all the floatingLabel code examples and changed the color in the
floatingLabel.validation.tsx file because the success color and error color were confused with each
other.
---
 .../floatingLabel/floatingLabel.disabled.tsx  |  4 +-
 .../floatingLabel.helperText.tsx              |  4 +-
 examples/floatingLabel/floatingLabel.root.tsx |  4 +-
 .../floatingLabel/floatingLabel.sizes.tsx     |  4 +-
 .../floatingLabel.validation.tsx              | 40 +++++++++----------
 5 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/examples/floatingLabel/floatingLabel.disabled.tsx b/examples/floatingLabel/floatingLabel.disabled.tsx
index 56b0ed5e9..0c0da0613 100644
--- a/examples/floatingLabel/floatingLabel.disabled.tsx
+++ b/examples/floatingLabel/floatingLabel.disabled.tsx
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
@@ -18,7 +18,7 @@ function Component() {
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
diff --git a/examples/floatingLabel/floatingLabel.helperText.tsx b/examples/floatingLabel/floatingLabel.helperText.tsx
index f00dd828c..081b6e67f 100644
--- a/examples/floatingLabel/floatingLabel.helperText.tsx
+++ b/examples/floatingLabel/floatingLabel.helperText.tsx
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
@@ -18,7 +18,7 @@ function Component() {
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
diff --git a/examples/floatingLabel/floatingLabel.root.tsx b/examples/floatingLabel/floatingLabel.root.tsx
index 50c372a0a..f636269ba 100644
--- a/examples/floatingLabel/floatingLabel.root.tsx
+++ b/examples/floatingLabel/floatingLabel.root.tsx
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
@@ -18,7 +18,7 @@ function Component() {
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
diff --git a/examples/floatingLabel/floatingLabel.sizes.tsx b/examples/floatingLabel/floatingLabel.sizes.tsx
index dc6e8c555..3aad99464 100644
--- a/examples/floatingLabel/floatingLabel.sizes.tsx
+++ b/examples/floatingLabel/floatingLabel.sizes.tsx
@@ -4,7 +4,7 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
@@ -25,7 +25,7 @@ function Component() {
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
diff --git a/examples/floatingLabel/floatingLabel.validation.tsx b/examples/floatingLabel/floatingLabel.validation.tsx
index 43807f576..e3fc30097 100644
--- a/examples/floatingLabel/floatingLabel.validation.tsx
+++ b/examples/floatingLabel/floatingLabel.validation.tsx
@@ -4,20 +4,20 @@ import { FloatingLabel } from '~/src';
 const code = `
 'use client';
 
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
     <>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Success" color="error" />
-        <FloatingLabel variant="outlined" label="Outlined Success" color="error" />
-        <FloatingLabel variant="standard" label="Standard Success" color="error" />
+        <FloatingLabel variant="filled" label="Filled Success" color="success" />
+        <FloatingLabel variant="outlined" label="Outlined Success" color="success" />
+        <FloatingLabel variant="standard" label="Standard Success" color="success" />
       </div>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Error" color="success" />
-        <FloatingLabel variant="outlined" label="Outlined Error" color="success" />
-        <FloatingLabel variant="standard" label="Standard Error" color="success" />
+        <FloatingLabel variant="filled" label="Filled Error" color="error" />
+        <FloatingLabel variant="outlined" label="Outlined Error" color="error" />
+        <FloatingLabel variant="standard" label="Standard Error" color="error" />
       </div>
     </>
   );
@@ -25,20 +25,20 @@ function Component() {
 `;
 
 const codeRSC = `
-import { Spinner } from 'flowbite-react';
+import { FloatingLabel } from 'flowbite-react';
 
 function Component() {
   return (
     <>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Success" color="error" />
-        <FloatingLabel variant="outlined" label="Outlined Success" color="error" />
-        <FloatingLabel variant="standard" label="Standard Success" color="error" />
+        <FloatingLabel variant="filled" label="Filled Success" color="success" />
+        <FloatingLabel variant="outlined" label="Outlined Success" color="success" />
+        <FloatingLabel variant="standard" label="Standard Success" color="success" />
       </div>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Error" color="success" />
-        <FloatingLabel variant="outlined" label="Outlined Error" color="success" />
-        <FloatingLabel variant="standard" label="Standard Error" color="success" />
+        <FloatingLabel variant="filled" label="Filled Error" color="error" />
+        <FloatingLabel variant="outlined" label="Outlined Error" color="error" />
+        <FloatingLabel variant="standard" label="Standard Error" color="error" />
       </div>
     </>
   );
@@ -49,14 +49,14 @@ function Component() {
   return (
     <>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Success" color="error" />
-        <FloatingLabel variant="outlined" label="Outlined Success" color="error" />
-        <FloatingLabel variant="standard" label="Standard Success" color="error" />
+        <FloatingLabel variant="filled" label="Filled Success" color="success" />
+        <FloatingLabel variant="outlined" label="Outlined Success" color="success" />
+        <FloatingLabel variant="standard" label="Standard Success" color="success" />
       </div>
       <div className="grid grid-flow-col justify-stretch space-x-4">
-        <FloatingLabel variant="filled" label="Filled Error" color="success" />
-        <FloatingLabel variant="outlined" label="Outlined Error" color="success" />
-        <FloatingLabel variant="standard" label="Standard Error" color="success" />
+        <FloatingLabel variant="filled" label="Filled Error" color="error" />
+        <FloatingLabel variant="outlined" label="Outlined Error" color="error" />
+        <FloatingLabel variant="standard" label="Standard Error" color="error" />
       </div>
     </>
   );