@import "../../../utilities/mixins/clickable";

//button-base takes a string that is used by the clickable mixin
@mixin base($feedback-type: "neutral") {
    //clickable mixin and feedback type determine styles
    @include clickable($feedback-type);
    @include setLeading(10);   
    
    //sets standard button styles
    border: none;
    border-radius: 0.3rem;
    display: block;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    text-transform: uppercase;
}

//Where should this live?
button {
    @include base;
}
//

.button {
    @include base;

    &--primary {
        @include base(primary);
    }

    &--disabled {
        @include base(disabled);
    }

    &--positive {
        @include base(positive);
    }

    &--negative {
        @include base(negative);
    }
}