Clement
1593fa3493
Reviewed-on: #13 Co-authored-by: Clement <c.boesmier@aptatio.com> Co-committed-by: Clement <c.boesmier@aptatio.com>
29 lines
766 B
Plaintext
29 lines
766 B
Plaintext
---
|
|
import { Icon } from 'astro-icon/components';
|
|
|
|
import { UI } from 'astrowind:config';
|
|
|
|
export interface Props {
|
|
label?: string;
|
|
class?: string;
|
|
iconClass?: string;
|
|
iconName?: string;
|
|
}
|
|
|
|
const {
|
|
label = 'Toggle between Dark and Light mode',
|
|
class:
|
|
className = 'text-muted dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 inline-flex items-center',
|
|
iconClass = 'w-6 h-6',
|
|
iconName = 'tabler:sun',
|
|
} = Astro.props;
|
|
---
|
|
|
|
{
|
|
!(UI.theme && UI.theme.endsWith(':only')) && (
|
|
<button type="button" class={className} aria-label={label} data-aw-toggle-color-scheme>
|
|
<Icon name={iconName} class={iconClass} />
|
|
</button>
|
|
)
|
|
}
|