"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PanelFooter = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
const Flex_1 = require("../../../components/Flex");
const PanelFooter = (props) => {
    return (React.createElement(Flex_1.Flex, { className: "ab-Panel__Footer twa:p-1 twa:bg-primary", flexDirection: "row", alignItems: "center" },
        React.createElement(SimpleButton_1.default, { className: "twa:m-1", variant: "text", "data-name": "action-cancel", onClick: props.onCancel, disabled: props.cancelDisabled }, props.cancelText ?? 'CANCEL'),
        React.createElement(Flex_1.Box, { className: "twa:flex-1" }),
        React.createElement(SimpleButton_1.default, { variant: "raised", tone: "accent", "data-name": "action-finish", className: "twa:m-1", onClick: props.onAccept, disabled: props.acceptDisabled }, props.cancelText ?? 'Finish')));
};
exports.PanelFooter = PanelFooter;
