@use '@finastra/fds-theme/color' as color;
@use '@finastra/fds-theme/typography' as typography;

@mixin theme($theme: null) {
  .uxg-breadcrumb {
    a {
      @include color.color(foreground);
      text-decoration: none;
    }

    &[color='primary'] {
      @include color.color(primary);

      a {
        @include color.color(primary);
        text-decoration: none;
      }

      .mat-flat-button {
        @include color.color(primary);
      }
    }

    &[color='accent'] {
      @include color.color(secondary);

      a {
        @include color.color(secondary);
        text-decoration: none;
      }

      .mat-flat-button {
        @include color.color(primary);
      }
    }
  }
}

@mixin typography($config: null) {
  .uxg-breadcrumb {
    @include typography.typography(body-2);

    .mat-flat-button {
      @include typography.typography(body-2);
    }
  }

  .uxg-breadcrumb[dense] {
    @include typography.typography(caption);
  }
}