@import "./mixins";

@mixin cygnus-reach-buttons() {
  .btn-rect {
    &.filled {
      &.primary {
        @include rect-button(primary, filled);
      }
      &.secondary {
        @include rect-button(secondary, filled);
      }
      &.success {
        @include rect-button(success, filled);
      }
      &.warning {
        @include rect-button(warning, filled);
      }
      &.error {
        @include rect-button(error, filled);
      }
    }

    &.outline {
      &.primary {
        @include rect-button(primary, outline);
      }
      &.secondary {
        @include rect-button(secondary, outline);
      }
      &.success {
        @include rect-button(success, outline);
      }
      &.warning {
        @include rect-button(warning, outline);
      }
      &.error {
        @include rect-button(error, outline);
      }
    }
  }

  .btn-round {
    &.primary {
      @include round-button(primary);
      &.active {
        @include round-button(primary, active);
      }
    }
    &.secondary {
      @include round-button(secondary);
      &.active {
        @include round-button(secondary, active);
      }
    }
    &.success {
      @include round-button(success);
      &.active {
        @include round-button(success, active);
      }
    }
    &.warning {
      @include round-button(warning);
      &.active {
        @include round-button(warning, active);
      }
    }
    &.error {
      @include round-button(error);
      &.active {
        @include round-button(error, active);
      }
    }

    &.outline {
      &.primary {
        @include round-button(primary, $fill: outline);
      }
      &.secondary {
        @include round-button(secondary, $fill: outline);
      }
      &.success {
        @include round-button(success, $fill: outline);
      }
      &.warning {
        @include round-button(warning, $fill: outline);
      }
      &.error {
        @include round-button(error, $fill: outline);
      }
    }
  }

  .btn-tr {
    &.primary {
      @include tr-button(primary);
    }
    &.secondary {
      @include tr-button(secondary);
    }
    &.success {
      @include tr-button(success);
    }
    &.warning {
      @include tr-button(warning);
    }
    &.error {
      @include tr-button(error);
    }
  }
}