---
import Button, { type Props as ButtonProps } from '../Button/Button.astro';
import './themetoggle.css';

type Props = ButtonProps;

const props = Astro.props;
---

<Button id='sui-theme-toggle' {...props}>
  <div id="dark-content">
    <slot name="dark" />
  </div>
  <div id="light-content">
    <slot name="light" />
  </div>
</Button>

<script>
  import "studiocms:ui/scripts/themetoggle"
</script>