import styled, { css } from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var color = selectors.color;
export var StyledSheet = styled.div.withConfig({
  displayName: "StyledSheet",
  componentId: "sc-10ipmtv-0"
})(["height:auto;z-index:0;transition:200ms all linear;> * + *{border-top:1px solid ", ";}", " ", ""], color('neutral', '100'), function (_ref) {
  var $isCollapsible = _ref.$isCollapsible;
  return $isCollapsible && css(["transform:translateY(-100%);background-color:", ";overflow:hidden;"], color('neutral', 'white'));
}, function (_ref2) {
  var $isCollapsible = _ref2.$isCollapsible,
    $isOpen = _ref2.$isOpen;
  return $isCollapsible && $isOpen && css(["transform:translateY(0%);"]);
});