@use '../../scss/theming' as *;

@mixin daff-tabs-theme($theme) {
	$primary: daff-get-palette($theme, primary);
	$neutral: daff-get-palette($theme, neutral);
	$base-contrast: daff-get-base-color($theme, base-contrast);
	$mode: daff-get-theme-mode($theme);

	@include light($mode) {
		.daff-tabs {
			&__tab-list {
				&::after {
					background: daff-color($neutral, 20);
				}
			}
		}

		.daff-tab-activator {
			border-bottom: 2px solid daff-color($neutral, 20);
			color: $base-contrast;

			&.daff-selected {
				border-bottom: 2px solid daff-color($primary);
			}
		}
	}

	@include dark($mode) {
		.daff-tabs {
			&__tab-list {
				&::after {
					background: daff-color($neutral, 80);
				}
			}
		}

		.daff-tab-activator {
			border-bottom: 2px solid daff-color($neutral, 80);
			color: $base-contrast;

			&.daff-selected {
				border-bottom: 2px solid daff-color($primary);
			}
		}
	}
}