import React from 'react';
import styled from 'styled-components';
import { Separator } from '../..';
var Footer = styled.div.withConfig({
  displayName: "Accordion__Footer",
  componentId: "sc-rxw3nj-0"
})(["padding-top:", "px;"], function (p) {
  return p.theme.spacing.unit(3);
});
export var Accordion = function Accordion(_ref) {
  var children = _ref.children,
    footer = _ref.footer;
  return React.createElement(React.Fragment, null, children, footer && React.createElement(React.Fragment, null, React.createElement(Separator, null), React.createElement(Footer, null, footer)));
};