import { __rest } from '../../../../_virtual/_tslib.js';
import React__default from 'react';
import { BottomSheetFooterWrapper } from './styles.js';
import { Button } from '../../../Button/index.js';
import { getId } from '../../../../utils/index.js';

function BottomSheetFooter(_a) {
    var { stackedActionButtons, pinnedFooter, primaryAction, dismissAction, id } = _a, props = __rest(_a, ["stackedActionButtons", "pinnedFooter", "primaryAction", "dismissAction", "id"]);
    const appendTestId = getId(`${props['data-testid']}-bottom-sheet-footer`);
    const appendTrackId = getId(`${props['data-trackid']}-bottom-sheet-footer`);
    const appendButtonId = getId(id);
    return (React__default.createElement(BottomSheetFooterWrapper, { pinnedFooter: pinnedFooter, stackedActionButtons: stackedActionButtons, id: id },
        primaryAction && dismissAction && (React__default.createElement(Button, Object.assign({ role: "button" }, dismissAction, { variant: "ghost", size: "medium", "data-testid": appendTestId('dismiss-button'), "data-trackid": appendTrackId('dismiss-button'), id: appendButtonId('dismiss-button'), fullWidth: stackedActionButtons }), dismissAction.text)),
        primaryAction && (React__default.createElement(Button, Object.assign({ role: "button" }, primaryAction, { size: "medium", "data-testid": appendTestId('primary-button'), "data-trackid": appendTrackId('primary-button'), id: appendButtonId('primary-button'), fullWidth: stackedActionButtons }), primaryAction.text))));
}

export { BottomSheetFooter };
