2019-11-02 15:34:55 +00:00
|
|
|
import React from "react";
|
|
|
|
import PropTypes from "prop-types";
|
2020-03-30 11:31:50 +00:00
|
|
|
import { Button } from "asc-web-components";
|
2019-12-14 13:16:01 +00:00
|
|
|
import StyledFooter from "./StyledFooter";
|
2019-11-02 15:34:55 +00:00
|
|
|
|
2019-12-14 13:16:01 +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-03-30 11:31:50 +00:00
|
|
|
embeddedComponent
|
2019-11-08 12:05:02 +00:00
|
|
|
} = props;
|
2019-11-02 15:34:55 +00:00
|
|
|
|
2020-03-30 11:31:50 +00:00
|
|
|
|
2019-11-02 15:34:55 +00:00
|
|
|
return (
|
2020-03-30 11:31:50 +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"
|
|
|
|
label={selectButtonLabel}
|
|
|
|
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,
|
|
|
|
embeddedComponent: PropTypes.any
|
2019-11-02 15:34:55 +00:00
|
|
|
};
|
|
|
|
|
2019-12-14 13:16:01 +00:00
|
|
|
export default Footer;
|