From 8a67500c08da82050d7247d39cc497f481ff2b93 Mon Sep 17 00:00:00 2001
From: Patrick <pfo@omicsstudio.com>
Date: Sun, 1 Dec 2024 21:59:59 +0100
Subject: [PATCH] Update Modals.demo.textInput.tsx

---
 .../demos/modals/Modals.demo.textInput.tsx    | 26 ++++---------------
 1 file changed, 5 insertions(+), 21 deletions(-)

diff --git a/packages/@docs/demos/src/demos/modals/Modals.demo.textInput.tsx b/packages/@docs/demos/src/demos/modals/Modals.demo.textInput.tsx
index e954469781..b28c579e61 100644
--- a/packages/@docs/demos/src/demos/modals/Modals.demo.textInput.tsx
+++ b/packages/@docs/demos/src/demos/modals/Modals.demo.textInput.tsx
@@ -12,16 +12,8 @@ function Demo() {
     modals.openTextInputModal({
       modalId: 'test-id',
       title: 'Please enter your name',
-      children: (
-        <Text size="sm">
-          Children are rendered above the input field.
-        </Text>
-      ),
-      bottomSection: (
-        <Text size="sm">
-          But you can still render content below it.
-        </Text>
-      ),
+      topSection: <Text size="sm">Top section is rendered here.</Text>,
+      bottomSection: <Text size="sm">Bottom section is rendered here.</Text>,
       onCancel: () => console.log('Cancel'),
       onConfirm: (value) => console.log(\`Confirm with value \${value}\`),
     });
@@ -35,16 +27,8 @@ function Demo() {
     modals.openTextInputModal({
       modalId: 'test-id',
       title: 'Please enter your name',
-      topSection: (
-        <Text size="sm">
-          Top section is rendered here.
-        </Text>
-      ),
-      bottomSection: (
-        <Text size="sm">
-          Bottom section is rendered here.
-        </Text>
-      ),
+      topSection: <Text size="sm">Top section is rendered here.</Text>,
+      bottomSection: <Text size="sm">Bottom section is rendered here.</Text>,
       onCancel: () =>
         notifications.show({
           title: 'Canceled',
@@ -54,7 +38,7 @@ function Demo() {
       onConfirm: (value) =>
         notifications.show({
           title: 'Confirmed',
-            message: `TextInputModal was confirmed with input ${value}`,
+          message: `TextInputModal was confirmed with input ${value}`,
           color: 'teal',
         }),
     });