@use '@lucca-front/scss/src/commons/utils/media';
@use 'exports' as *;

// .viewTabs is deprecated
.segmentedControl,
.viewTabs {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&.mod-S {
			@include S;
		}

		&.mod-vertical {
			@include vertical;
		}

		@include media.max('XXS') {
			@include vertical;
		}
	}
}

@layer mods {
	// .viewTabs-item-tab is deprecated
	.segmentedControl-item-action,
	.viewTabs-item-tab {
		.segmentedControl-item-input:checked + &,
		&[aria-selected='true'] {
			@include selected;
		}
	}

	.segmentedControl-item-action:disabled,
	.segmentedControl-item-input:disabled ~ .segmentedControl-item-action {
		@include disabled;
	}

	// .viewTabs_panel is deprecated
	.segmentedControl_panel,
	.viewTabs_panel {
		// .active is deprecated
		&:not(.is-active, .active) {
			@include panelInactive;
		}
	}
}