'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 PaneColumn = _styledComponents2.default.div.withConfig({ displayName: 'PaneColumn' }).withConfig({
  displayName: 'PaneColumn__PaneColumn'
})(['display: flex;flex-direction: column;width: 100%;align-items: flex-start;& > * {flex: 1 0 auto;border-bottom: 1px solid #e1e1e1;}& > *:last-child {border-bottom: none;}']);

PaneColumn.usage = '\n# PaneColumn\n\nA composeable column. Lays out children vertically. Applies a divider between children.\n\n```\n<PaneColumn>\n  <Pane>Content</Pane>\n  <Pane>Content</Pane>\n</PaneColumn>\n```\n';

exports.default = PaneColumn;