2019-11-02 15:34:55 +00:00
|
|
|
import React from "react";
|
|
|
|
import PropTypes from "prop-types";
|
2019-12-10 07:32:26 +00:00
|
|
|
import { Button } from "asc-web-components";
|
2019-11-02 18:35:02 +00:00
|
|
|
import styled, { css } from "styled-components";
|
2019-11-02 15:34:55 +00:00
|
|
|
|
2019-11-08 12:05:02 +00:00
|
|
|
const StyledContainer = styled.div`
|
2019-12-14 10:33:06 +00:00
|
|
|
box-sizing: border-box;
|
2019-11-08 12:05:02 +00:00
|
|
|
border-top: 1px solid #eceef1;
|
|
|
|
padding: 16px;
|
|
|
|
height: 69px;
|
2019-11-02 15:34:55 +00:00
|
|
|
|
2019-11-08 12:05:02 +00:00
|
|
|
${props =>
|
|
|
|
!props.isVisible &&
|
|
|
|
css`
|
|
|
|
display: none;
|
|
|
|
`}
|
2019-11-02 15:34:55 +00:00
|
|
|
`;
|
|
|
|
|
|
|
|
const ADSelectorFooter = props => {
|
2019-11-08 12:05:02 +00:00
|
|
|
const {
|
|
|
|
selectButtonLabel,
|
|
|
|
isDisabled,
|
|
|
|
onClick,
|
|
|
|
isVisible,
|
|
|
|
className
|
|
|
|
} = props;
|
2019-11-02 15:34:55 +00:00
|
|
|
|
|
|
|
return (
|
2019-11-08 12:05:02 +00:00
|
|
|
<StyledContainer 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}
|
|
|
|
/>
|
|
|
|
</StyledContainer>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
ADSelectorFooter.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,
|
|
|
|
onClick: PropTypes.func
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ADSelectorFooter;
|