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

$component-name: map.get($components-names, vv-checkbox);
$component-map: $vv-checkbox;
$component-selector: '.#{ $component-name}';

@include spread-map-into-bem(
	$map: $component-map,
	$block: $component-name,
	$props: $use-custom-props-for-components,
	$zero-specificity: $zero-specificity-for-components,
	$bps: $breakpoints
);

@include wrap-with-where(
	$selector: '#{$component-selector}:has(> input[type="checkbox"]:disabled)',
	$enabled: $zero-specificity-for-components
) {
	@extend %#{$component-name}--disabled !optional;
}

@include wrap-with-where(
	$selector:
		'#{$component-selector}:has(> input[type="checkbox"]:indeterminate)',
	$enabled: $zero-specificity-for-components
) {
	@extend %#{$component-name}--indeterminate !optional;
}