Pass children to button

Author: SteveALee

examples/Button.stories.svelte

@@ -7,6 +7,7 @@
   } from '@storybook/addon-svelte-csf';
   import { fn } from '@storybook/test';
 
+  import type { Snippet } from 'svelte'
   import Button from './components/Button.svelte';
 
   const onclickFn = fn().mockName('onclick');
@@ -20,6 +21,7 @@
     tags: ['autodocs'],
     args: {
       onclick: onclickFn,
+      children: 'Click me' as unknown as Snippet<[]>
     },
     argTypes: {
       backgroundColor: { control: 'color' },
@@ -37,7 +39,7 @@
 </script>
 
 {#snippet template(args: Args<typeof Story>, context: StoryContext<typeof Story>)}
-  <Button {...args}>{'Click me'}</Button>
+  <Button {...args}>{args.children}</Button>
 {/snippet}
 
 <!-- Only use this sparingly as the main CTA. -->