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

// stylelint-disable selector-class-pattern
@mixin daff-paginator-theme($theme) {
	$base-contrast: daff-get-base-color($theme, base-contrast);
	$white: daff-get-base-color($theme, 'white');
	$neutral: daff-get-palette($theme, neutral);
	$mode: daff-get-theme-mode($theme);

	.daff-paginator {
		&__previous,
		&__next,
		&__page-link {
			color: $base-contrast;
		}

		@include light($mode) {
			&__page-link {
				@media (hover: hover) {
					&:hover {
						&::after {
							background: daff-color($neutral, 20);
						}
					}
				}

				&.selected {
					&::after {
						background: daff-color($neutral, 20);
					}
				}
			}
		}

		@include dark($mode) {
			&__page-link {
				@media (hover: hover) {
					&:hover {
						&::after {
							background: daff-color($neutral, 90);
						}
					}
				}

				&.selected {
					&::after {
						background: daff-color($neutral, 90);
					}
				}
			}
		}
	}
}