'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 PaneRow = _styledComponents2.default.div.withConfig({ displayName: 'PaneRow' }).withConfig({
  displayName: 'PaneRow__PaneRow'
})(['display: flex;flex-direction: row;width: 100%;align-items: flex-start;& > * {flex: 1;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;margin-left: -1px;}& > *:first-child {margin-left: 0;border-left: none;}& > *:last-child {border-right: none;}']);

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

exports.default = PaneRow;