import { __decorate, __metadata } from "tslib";
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import React from 'react';
import { AutoBind } from '../../../Common/AutoBind';
import { CollapseIcon } from '../../../CommonUI/Icon/CollapseIcon';
import { DeleteGrayIcon } from '../../../CommonUI/Icon/DeleteGrayIcon';
import { DragIcon } from '../../../CommonUI/Icon/DragIcon';
import { ExpandGrayIcon } from '../../../CommonUI/Icon/ExpandGrayIcon';
import { BaseSequenceActions } from '../BaseSequenceActions';
import { StyledIconButton } from '../CommonStyles';
export class RegularSequenceActions extends BaseSequenceActions {
    onToggleIsCollapsed(event) {
        const { displayBehavior, sequence } = this.props;
        displayBehavior.toggleIsCollapsed(event, sequence);
    }
    render() {
        const { sequence, displayBehavior } = this.props;
        return _jsxs(_Fragment, { children: [sequence.isNormal && !sequence.isPrimary && _jsx(StyledIconButton, Object.assign({ "data-testid": `${sequence._id}-btn-delete`, onClick: this.onDeleteSequence }, { children: _jsx(DeleteGrayIcon, {}, void 0) }), void 0),
                _jsx(StyledIconButton, Object.assign({ onClick: this.onToggleIsCollapsed, "data-testid": `${sequence._id}_btn-collapse` }, { children: displayBehavior.isCollapsed(sequence) ? _jsx(ExpandGrayIcon, {}, void 0) : _jsx(CollapseIcon, {}, void 0) }), void 0),
                !sequence.isPrimary && sequence.isNormal && _jsx(StyledIconButton, Object.assign({ className: "stack-move" }, { children: _jsx(DragIcon, {}, void 0) }), void 0)] }, void 0);
    }
}
__decorate([
    AutoBind,
    __metadata("design:type", Function),
    __metadata("design:paramtypes", [Object]),
    __metadata("design:returntype", void 0)
], RegularSequenceActions.prototype, "onToggleIsCollapsed", null);
//# sourceMappingURL=SequenceActions.js.map