2022-01-28 13:44:58 +00:00
|
|
|
import styled, { css } from "styled-components";
|
|
|
|
import Base from "../../../../asc-web-components/themes/base";
|
2019-12-14 13:16:01 +00:00
|
|
|
|
|
|
|
const StyledFooter = styled.div`
|
|
|
|
box-sizing: border-box;
|
2021-12-24 11:25:35 +00:00
|
|
|
border-top: ${(props) => props.theme.advancedSelector.footerBorder};
|
2019-12-14 13:16:01 +00:00
|
|
|
padding: 16px;
|
|
|
|
height: 69px;
|
|
|
|
|
2022-04-25 14:23:50 +00:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
|
2020-10-16 12:38:04 +00:00
|
|
|
${(props) =>
|
2020-03-30 11:31:50 +00:00
|
|
|
props.withEmbeddedComponent &&
|
2020-03-28 10:10:32 +00:00
|
|
|
css`
|
|
|
|
display: flex;
|
|
|
|
`}
|
|
|
|
|
2020-10-16 12:38:04 +00:00
|
|
|
${(props) =>
|
2019-12-14 13:16:01 +00:00
|
|
|
!props.isVisible &&
|
|
|
|
css`
|
|
|
|
display: none;
|
|
|
|
`}
|
2022-04-25 14:10:15 +00:00
|
|
|
|
|
|
|
button {
|
|
|
|
min-height: 40px;
|
|
|
|
}
|
2022-04-25 14:23:50 +00:00
|
|
|
|
|
|
|
.embedded_combo-box {
|
|
|
|
.combo-button {
|
|
|
|
min-height: 42px;
|
|
|
|
}
|
|
|
|
}
|
2019-12-14 13:16:01 +00:00
|
|
|
`;
|
|
|
|
|
2021-12-24 11:25:35 +00:00
|
|
|
StyledFooter.defaultProps = { theme: Base };
|
|
|
|
|
2020-03-28 10:10:32 +00:00
|
|
|
export default StyledFooter;
|