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

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

@mixin theme-dark-vv-select {
	@include spread-theme-component(
		$base-map: $vv-select,
		$theme-map: $dark-vv-select,
		$component-name: $component-name,
		$bps: $breakpoints,
		$use-custom-props: $use-custom-props-for-components,
		$zero-specificity: $zero-specificity-for-components
	);
}

@include layer(themes, $use-css-layers, $layer-prefix) {
	:where(:host, :root, .theme):not(.theme--light) {
		@media (prefers-color-scheme: dark) {
			@include theme-dark-vv-select;
		}
	}

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