<view class="expand-collapse gov-expand-collapse">
    <view class="full gov-expand-full" style="height: {{height}};">
        <image s-if="{{!expand && isFadeOut}}" class="gradient" src="../images/gradient.png"></image>
        <slot></slot>
    </view>
    <template s-if="showAction">
        <view
            class="{{!expand ? 'action-panel-full' : 'action-panel-full expand'}} gov-expand-action"
            bind:tap="expandAction">
            <text
                class="btn-text"
                style="font-size: {{actionFontSize}};color: {{actionFontColor}};">
                <template>{{btnText[expand ? 1 : 0]}}</template>
            </text>
            <gov-icon
                name="arrow-{{!expand ? 'down' : 'up'}}-o"
                color="{{actionFontColor}}"
                size="{{actionFontSize}}">
            </gov-icon>
        </view>
    </template>
</view>