@use 'sass:map';
@use '../context' as *;

$component-name: map.get($components-names, vv-button);
$component-map: $dark-vv-button;

@mixin theme-dark-vv-button {
	@include spread-map-into-props(
		$map: $component-map,
		$prefix: $component-name
	);
}

:where(:host, :root, .theme):not(.theme--light) {
	@media (prefers-color-scheme: dark) {
		@include theme-dark-vv-button;
	}
}

:where(.theme.theme--dark) {
	@include theme-dark-vv-button;
}