import styled, { css } from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var spacing = selectors.spacing;
export var StyledItem = styled.div.withConfig({
  displayName: "StyledItem",
  componentId: "sc-8q1qyi-0"
})(["display:flex;padding:", " ", ";align-items:center;justify-content:space-between;", ""], spacing('4'), spacing('2'), function (_ref) {
  var $isCollapsible = _ref.$isCollapsible;
  return $isCollapsible && css(["padding:", ";"], spacing('4'));
});