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

@include layer(components, $use-css-layers, $layer-prefix) {
$component-name: map.get($components-names, vv-tooltip);
$component-map: $vv-tooltip;
$component-selector: '.#{ $component-name}';

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

@include wrap-with-where(
	$selector: '*:has(> #{$component-selector})',
	$enabled: $zero-specificity-for-components
) {
	position: relative;
}

@include wrap-with-where(
	$selector: '*:has(> #{$component-selector}):hover > #{$component-selector}, *:has(> #{$component-selector}):focus-visible > #{$component-selector}, *:has(> #{$component-selector}).hover > #{$component-selector}, *:has(> #{$component-selector}).focus-visible > #{$component-selector}',
	$enabled: $zero-specificity-for-components
) {
	@extend %vv-tooltip--visible !optional;
}

}