@import "../styles/mixins/index.less";
@import "../styles/themes/index.less";

.dialog-button-style(@theme, @color) {
    &--@{theme} {
        color: @color !important;
    }
}

.@{wux-prefix}-dialog {
    &__button {
        .button-reset();

        display: block;
        flex: 1;
        color: @balanced !important;
        position: relative;

        .dialog-button-style(default, @dark);
        .dialog-button-style(primary, @balanced);
        .dialog-button-style(light, @light-inverse);
        .dialog-button-style(stable, @stable-inverse);
        .dialog-button-style(positive, @positive);
        .dialog-button-style(calm, @calm);
        .dialog-button-style(assertive, @assertive);
        .dialog-button-style(balanced, @balanced);
        .dialog-button-style(energized, @energized);
        .dialog-button-style(royal, @royal);
        .dialog-button-style(dark, @dark);

        &--bold {
            font-weight: 500 !important;
        }

        &--hover {
            background-color: @active-state-bg !important;
        }

        &--disabled {
            opacity: @disabled-opacity;
            cursor: not-allowed;
        }
    }

    &__prompt {
        position: relative;
        margin-top: 10px;

        &::after {
            .hairline(@border-color-split);

            border-top-width: @border-width-base;
            border-right-width: @border-width-base;
            border-bottom-width: @border-width-base;
            border-left-width: @border-width-base;
            border-radius: @border-radius-lg;
        }
    }

    &__control {
        padding: 4px 6px;
        height: 36px;
        box-sizing: border-box;
    }

    &__input {
        height: 100%;
        width: 100%;
        line-height: 1;
        text-align: left;
        box-sizing: border-box;
    }

    &__buttons {
        display: flex;
        flex: 1;

        &--horizontal {
            .@{wux-prefix}-dialog__button {
                &::after {
                    .setLeftLine(@border-color-split);
                }

                &:first-child::after {
                    display: none;
                }
            }
        }

        &--vertical {
            display: block;
            height: auto;

            .@{wux-prefix}-dialog__button {
                &::after {
                    .setTopLine(@border-color-split);
                }
            }
        }
    }
}