'use strict';

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

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

var _themeGet = require('../../../extensions/themeGet');

var _themeGet2 = _interopRequireDefault(_themeGet);

var _NoteCorner = require('./NoteCorner');

var _NoteCorner2 = _interopRequireDefault(_NoteCorner);

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

var NoteContainer = _styledComponents2.default.div.withConfig({
  displayName: 'NoteContainer'
})(['background:', ';border:', ' solid ', ';border-right:0;margin-right:1em;padding:0.7em;padding-left:1em;min-width:10em;position:relative;'], (0, _themeGet2.default)('colors.background.default'), (0, _themeGet2.default)('thicknesses.normal'), (0, _themeGet2.default)('colors.border.medium'));

NoteContainer.Alternate = (0, _styledComponents2.default)(NoteContainer).withConfig({
  displayName: 'NoteContainer__Alternate'
})(['background:', ';color:', ';border-color:', ';& > ', '{border-color:', ';&::before{border-color:', ' transparent transparent ', ';box-shadow:0 -1px 0 ', ';}&::after{border-color:', ' transparent transparent ', ';}}'], (0, _themeGet2.default)('colors.primary.light'), (0, _themeGet2.default)('colors.primary.dark'), (0, _themeGet2.default)('colors.primary.default'), _NoteCorner2.default, (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.primary.default'), (0, _themeGet2.default)('colors.primary.light'), (0, _themeGet2.default)('colors.primary.light'));

exports.default = NoteContainer;