@talend/react-components
Version:
Set of react components.
38 lines • 1.29 kB
JavaScript
import PropTypes from 'prop-types';
import ActionButton from '../../../../../Actions/ActionButton';
import { useColumnChooserContext } from '../columnChooser.context';
import RichLayout from '../../../../../Rich/Layout';
import cssModule from '../ColumnChooser.module.scss';
import { getTheme } from '../../../../../theme';
import { jsx as _jsx } from "react/jsx-runtime";
const theme = getTheme(cssModule);
const SubmitButton = () => {
const {
id,
t
} = useColumnChooserContext();
return /*#__PURE__*/_jsx(ActionButton, {
bsStyle: "info",
id: `${id}-submit-button`,
label: t('COLUMN_CHOOSER_APPLY_BUTTON', {
defaultValue: 'Apply'
}),
type: "submit",
"data-feature": "column-chooser.submit"
});
};
const ColumnChooserFooter = ({
children = /*#__PURE__*/_jsx(SubmitButton, {}),
className
}) => /*#__PURE__*/_jsx(RichLayout.Footer, {
id: "column-chooser-footer",
className: (className, theme('tc-column-chooser-footer')),
children: children
});
ColumnChooserFooter.Submit = SubmitButton;
ColumnChooserFooter.propTypes = {
children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
className: PropTypes.string
};
export default ColumnChooserFooter;
//# sourceMappingURL=ColumnChooserFooter.component.js.map