'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var PaneLayout = _styledComponents2.default.div.withConfig({ displayName: 'PaneLayout' }).withConfig({
  displayName: 'PaneLayout__PaneLayout'
})(['padding: 30px;']);

PaneLayout.usage = '\n# PaneLayout\n\nA top-level space for panes. Simply provides the padding that is common to pane layouts.\n\n```\n<PaneLayout>\n  <PaneColumn>\n    <PaneRow>\n      <Pane />\n      <Pane />\n    </PaneRow>\n    <PaneRow>\n      <Pane />\n      <Pane />\n    </PaneRow>\n  </PaneColumn>\n</PaneLayout>\n```\n';

exports.default = PaneLayout;