import styled, { css } from "styled-components";
import Base from "../../../../asc-web-components/themes/base";

const StyledFooter = styled.div`
  box-sizing: border-box;
  border-top: ${(props) => props.theme.advancedSelector.footerBorder};
  padding: 16px;
  height: 69px;

  ${(props) =>
    props.withEmbeddedComponent &&
    css`
      display: flex;
    `}

  ${(props) =>
    !props.isVisible &&
    css`
      display: none;
    `}
`;

StyledFooter.defaultProps = { theme: Base };

export default StyledFooter;