@mixin extjs-btn-group {
    .#{$prefix}btn-group {
        position: relative;
        overflow: hidden;
    }

    .x-btn-group-header-body {
        padding-bottom: 5px;
    }

    .#{$prefix}btn-group-body {
        position: relative;
//        padding-right: $btn-group-padding;
        // @tag ie6hack

        .x-table-layout-cell  {
            padding-right: $btn-group-padding;
        }

        .#{$prefix}table-layout-cell {
            vertical-align: top;
        }
    }

    .#{$prefix}btn-group-header-text {
        @extend .overflow-ellipsis;
    }

    @include extjs-btn-group-ui('default');
}

/**
 * @mixin extjs-btn-group-ui
 * @class Ext.ButtonGroup
 */
@mixin extjs-btn-group-ui(
    $ui-label,
    $ui-base-color: null,

    // background
    $ui-background-color: $btn-group-background-color,

    // borders
    $ui-border-color: $btn-group-border-color,
    $ui-border-width: $btn-group-border-width,
    $ui-border-radius: $btn-group-border-radius,
    $ui-inner-border-color: $btn-group-inner-border-color,

    //header
    $ui-header-background-color: $btn-group-header-background-color,
    $ui-header-font: $btn-group-header-font,
    $ui-header-color: $btn-group-header-color
){
//    @include x-frame(
//        'btn-group',
//        $ui: '#{$ui-label}-framed',

//        /* Radius, width, padding and background-color */
//        $border-radius: $ui-border-radius,
//        $border-width: $ui-border-width,
//        $padding: $btn-group-padding,
//        $background-color: $ui-background-color
//    );

    .#{$prefix}btn-group-#{$ui-label}-framed {
        border-style: solid;
        border-width: $ui-border-width;
        border-color: $ui-border-color;
//        @include inner-border(
//            $width: $btn-group-inner-border-width,
//            $color: $ui-inner-border-color
//        );
    }

    .#{$prefix}btn-group-header-#{$ui-label}-framed {
//        margin: $btn-group-header-margin;
    }

    .#{$prefix}btn-group-header-body-#{$ui-label}-framed {
//        padding: $btn-group-header-padding;

        background: $ui-header-background-color;

        @include border-top-radius($ui-border-radius);
    }

    .#{$prefix}btn-group-header-text-#{$ui-label}-framed {
        font: $ui-header-font;
        color: $ui-header-color;
    }
}
