@use '../../../tokens';


@mixin theme($tokens) {
    $supported-tokens: tokens.$component-bottom-app-bar-supported-tokens;

    @each $token, $value in $tokens {
        @if list.index($supported-tokens, $token)==null {
            @error 'Token `#{$token}` is not a supported token.';
        }

        @if $value {
            --gu-bottom-app-bar-#{$token}: #{$value};
        }
    }
}

@mixin styles() {}