2019-11-02 15:34:55 +00:00
|
|
|
import React from "react";
|
|
|
|
import PropTypes from "prop-types";
|
2021-02-24 17:11:23 +00:00
|
|
|
import Button from "@appserver/components/button";
|
2019-12-14 13:16:01 +00:00
|
|
|
import StyledFooter from "./StyledFooter";
|
2019-11-02 15:34:55 +00:00
|
|
|
|
2020-10-16 12:38:04 +00:00
|
|
|
const Footer = (props) => {
|
2019-11-08 12:05:02 +00:00
|
|
|
const {
|
|
|
|
selectButtonLabel,
|
|
|
|
isDisabled,
|
|
|
|
onClick,
|
|
|
|
isVisible,
|
2020-03-28 10:10:32 +00:00
|
|
|
className,
|
2020-10-16 12:38:04 +00:00
|
|
|
embeddedComponent,
|
2020-10-29 07:44:17 +00:00
|
|
|
selectedLength,
|
|
|
|
showCounter,
|
2019-11-08 12:05:02 +00:00
|
|
|
} = props;
|
2019-11-02 15:34:55 +00:00
|
|
|
|
|
|
|
return (
|
2020-10-16 12:38:04 +00:00
|
|
|
<StyledFooter
|
|
|
|
withEmbeddedComponent={embeddedComponent}
|
|
|
|
isVisible={isVisible}
|
|
|
|
className={className}
|
|
|
|
>
|
2019-11-02 15:34:55 +00:00
|
|
|
<Button
|
|
|
|
className="add_members_btn"
|
|
|
|
primary={true}
|
|
|
|
size="big"
|
2020-11-21 13:07:23 +00:00
|
|
|
label={`${selectButtonLabel} ${
|
|
|
|
selectedLength && showCounter ? `(${selectedLength})` : ""
|
|
|
|
}`}
|
2019-11-02 15:34:55 +00:00
|
|
|
scale={true}
|
|
|
|
isDisabled={isDisabled}
|
|
|
|
onClick={onClick}
|
|
|
|
/>
|
2020-03-30 11:31:50 +00:00
|
|
|
{embeddedComponent && embeddedComponent}
|
2019-12-14 13:16:01 +00:00
|
|
|
</StyledFooter>
|
2019-11-02 15:34:55 +00:00
|
|
|
);
|
|
|
|
};
|
|
|
|
|
2019-12-14 13:16:01 +00:00
|
|
|
Footer.propTypes = {
|
2019-11-08 12:05:02 +00:00
|
|
|
className: PropTypes.string,
|
2019-11-02 15:34:55 +00:00
|
|
|
selectButtonLabel: PropTypes.string,
|
|
|
|
isDisabled: PropTypes.bool,
|
|
|
|
isVisible: PropTypes.bool,
|
2020-03-28 10:20:27 +00:00
|
|
|
onClick: PropTypes.func,
|
2020-03-30 11:31:50 +00:00
|
|
|
comboBoxOptions: PropTypes.any,
|
2020-10-16 12:38:04 +00:00
|
|
|
embeddedComponent: PropTypes.any,
|
2019-11-02 15:34:55 +00:00
|
|
|
};
|
|
|
|
|
2019-12-14 13:16:01 +00:00
|
|
|
export default Footer;
|