<?php

$class = 'ct-dark-mode-switch';

?>

<div
	class="<?php echo esc_attr($class) ?>"
	<?php echo blocksy_attr_to_html($attr) ?>>
	<?php //echo __('Dark mode switch', 'blocksy-companion') ?>

	<svg class="ct-icon ct-light-mode-icon" width="15" height="15" viewBox="0 0 15 15">
		<path d="M7.5 11.3c-2.1 0-3.8-1.7-3.8-3.8 0-2.1 1.7-3.8 3.8-3.8 2.1 0 3.8 1.7 3.8 3.8 0 2.1-1.7 3.8-3.8 3.8zm0-6.2c-1.3 0-2.4 1.1-2.4 2.4 0 1.3 1.1 2.4 2.4 2.4 1.3 0 2.4-1.1 2.4-2.4 0-1.3-1.1-2.4-2.4-2.4zm.7-3.2V.7c0-.4-.3-.7-.7-.7s-.7.3-.7.7v1.2c0 .4.3.7.7.7s.7-.3.7-.7zm0 12.4v-1.2c0-.4-.3-.7-.7-.7s-.7.3-.7.7v1.2c0 .4.3.7.7.7s.7-.3.7-.7zM4 4c.3-.3.3-.7 0-1l-.8-.8c-.3-.3-.7-.3-1 0s-.3.7 0 1l.9.8c.1.1.3.2.5.2.1 0 .3 0 .4-.2zm8.8 8.8c.3-.3.3-.7 0-1l-.9-.8c-.3-.3-.7-.3-1 0-.3.3-.3.7 0 1l.9.9c.1.1.3.2.5.2s.4-.2.5-.3zM2.6 7.5c0-.4-.3-.7-.7-.7H.7c-.4 0-.7.3-.7.7s.3.7.7.7h1.2c.4 0 .7-.3.7-.7zm12.4 0c0-.4-.3-.7-.7-.7h-1.2c-.4 0-.7.3-.7.7s.3.7.7.7h1.2c.4 0 .7-.3.7-.7zM3.2 12.8l.8-.9c.3-.3.3-.7 0-1-.3-.3-.7-.3-1 0l-.9.9c-.3.3-.3.7 0 1 .2.1.4.2.6.2.2 0 .3-.1.5-.2zM11.9 4l.9-.9c.3-.3.3-.7 0-1-.3-.3-.7-.3-1 0l-.8 1c-.3.3-.3.7 0 1 .1.1.3.2.5.2.1-.1.3-.1.4-.3z"/>
	</svg>

	<svg class="ct-icon ct-dark-mode-icon" width="15" height="15" viewBox="0 0 15 15">
		<path d="M7.5 15h-.7C2.7 14.6-.4 11 0 6.8.4 3.2 3.2.3 6.8 0c.3 0 .5.1.7.3.1.2.1.5 0 .7-.7 1-1 2.2-.9 3.4.2 1.2.8 2.3 1.8 3 1.6 1.2 3.9 1.2 5.5 0 .2-.2.5-.2.7 0 .3.3.4.5.4.8-.2 2-1.1 3.8-2.7 5.1-1.3 1.1-3 1.7-4.8 1.7zM5.6 1.6c-2.3.8-4 2.8-4.2 5.3-.3 3.4 2.2 6.4 5.6 6.7 1.6.1 3.2-.3 4.5-1.4.9-.7 1.6-1.7 1.9-2.8-1.9.8-4.1.5-5.8-.8-1.3-1-2.1-2.3-2.4-3.9-.1-1 0-2.1.4-3.1z"/>
	</svg>
</div>