@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
43 lines • 1.21 kB
JavaScript
var _Hr;
import { Fragment } from 'react';
import { Button } from "../../../../components/index.js";
import { Hr } from "../../../../elements/index.js";
import { close } from "../../../../icons/index.js";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function MultiSelectionActions({
show,
disabled,
tempValueLength,
formatMessage,
translation,
onConfirm,
onCancel
}) {
if (!show) {
return null;
}
return _jsxs(Fragment, {
children: [_Hr || (_Hr = _jsx(Hr, {
space: 0,
className: "dnb-forms-field-multi-selection__separator"
})), _jsxs("div", {
className: "dnb-forms-field-multi-selection__actions",
children: [_jsx(Button, {
variant: "primary",
onClick: onConfirm,
disabled: disabled,
className: "dnb-forms-field-multi-selection__confirm-button",
children: formatMessage(translation.confirmButton, {
count: tempValueLength
})
}), _jsx(Button, {
variant: "tertiary",
onClick: onCancel,
disabled: disabled,
icon: close,
children: translation.cancelButton
})]
})]
});
}
//# sourceMappingURL=MultiSelectionActions.js.map