@react-theming/storybook-addon/dist/manager/UI/Toolbar.styled.js

Develop themes and themable components with Emotion, Styled Components, Material-UI and your custom solution

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Container = void 0;

var _theming = require("@storybook/theming");

var _templateObject;

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Container = _theming.styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n\n  padding: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n"])), function (_ref) {
  var theme = _ref.theme,
      footer = _ref.footer;
  return footer ? theme.background.hoverable : theme.background.hoverable;
}, function (_ref2) {
  var footer = _ref2.footer;
  return footer ? '6px 8px' : '4px 8px';
});

exports.Container = Container;