'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 PaneContent = _styledComponents2.default.div.withConfig({
  displayName: 'PaneContent__PaneContent'
})(['padding: ', ';'], function (_ref) {
  var theme = _ref.theme;
  return theme.pane.contentPadding;
});

PaneContent.usage = '\n# PaneContent\n\nWraps content inside a Pane or PaneSection with appropriate padding.\n\n```\n<Pane>\n  <PaneSection>\n    <PaneContent>\n      foo\n    </PaneContent>\n  </PaneSection>\n</Pane>\n```\n';

exports.default = PaneContent;