Update modal.md

src/routes/docs/components/modal.md

@@ -42,8 +42,8 @@ An option of automatic closing of the modal can be enabled by setting the `autoc
 
 <Button onclick={() => (defaultModal = true)}>Default modal</Button>
 <Modal title="Terms of Service" bind:open={defaultModal} autoclose>
-  <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.</p>
-  <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.</p>
+  <P class="text-base leading-relaxed text-gray-500 dark:text-gray-400">With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.</P>
+  <P class="text-base leading-relaxed text-gray-500 dark:text-gray-400">The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.</P>
 
   {#snippet footer()}
     <Button onclick={() => alert('Handle "success"')}>I accept</Button>
@@ -64,8 +64,8 @@ If `autoclose` is set to `false` or omitted, clicking buttons inside the modal w
 
 <Button onclick={() => (defaultModal = true)}>Default modal</Button>
 <Modal title="Terms of Service" bind:open={defaultModal}>
-  <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.</p>
-  <p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.</p>
+  <P class="text-base leading-relaxed text-gray-500 dark:text-gray-400">With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.</P>
+  <P class="text-base leading-relaxed text-gray-500 dark:text-gray-400">The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.</P>
 
   {#snippet footer()}
     <Button onclick={() => alert('Handle "success"')}>I accept</Button>
@@ -350,7 +350,7 @@ You can use five different modal sizing options starting from extra small to ext
 
 ```svelte example class="flex justify-center" hideResponsiveButtons
 <script lang="ts">
-  import { Button, Modal, P, type ButtonProps } from "flowbite-svelte";
+  import { Button, Modal, type ButtonProps } from "flowbite-svelte";
 
   let openColor = $state(false);
   let color = $state();