import styled from "styled-components";
export const Container = styled.div `
  margin: 0 -1px;
  border-top: 1px solid
    ${({ collapsed, theme }) => !collapsed ? theme.new?.colors?.primary200 : "transparent"};
  height: ${({ collapsed, height }) => (collapsed ? "0" : height)};
  max-height: ${({ collapsed, height }) => (collapsed ? "0" : height)};
  transition-property: height, max-height;
  transition-duration: 0.2s;
  overflow: hidden;
`;
export const Header = styled.div `
  display: flex;
  align-items: center;
  justify-content: space-between;
`;
//# sourceMappingURL=collapsible.styled.js.map