import styled, { css } from 'styled-components';
import { getTypographyIntent } from '../Typography/Typography.styles';
import { colors } from '../_styles/colors';
import { spacing } from '../_styles/spacing';
var emptyStateWidth = 440;
var emptyStateWidthCompact = 352;
export var StyledSvg = /*#__PURE__*/styled.svg.withConfig({
  displayName: "StyledSvg",
  componentId: "core-11_26_1__sc-1xaoo8n-0"
})(["width:200px;height:200px;"]);
export var StyledImage = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledImage",
  componentId: "core-11_26_1__sc-1xaoo8n-1"
})([""]);
export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledTitle",
  componentId: "core-11_26_1__sc-1xaoo8n-2"
})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.xl, colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledDescription",
  componentId: "core-11_26_1__sc-1xaoo8n-3"
})(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('h3'));
export var StyledActions = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledActions",
  componentId: "core-11_26_1__sc-1xaoo8n-4"
})(["margin-top:", "px;"], spacing.xl);
export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
  displayName: "StyledEmptyState",
  componentId: "core-11_26_1__sc-1xaoo8n-5"
})(["display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", "}"], function (_ref) {
  var compact = _ref.compact;
  return compact ? 0 : 96;
}, function (_ref2) {
  var compact = _ref2.compact;
  return compact ? 0 : 64;
}, StyledImage, function (_ref3) {
  var _ref3$compact = _ref3.compact,
    compact = _ref3$compact === void 0 ? false : _ref3$compact;
  return compact && css(["", "{> img{max-width:120px;}}", "{width:120px;height:120px;}", "{width:", "px;", "}", "{width:", "px;", "}"], StyledImage, StyledSvg, StyledTitle, emptyStateWidthCompact, getTypographyIntent('h3'), StyledDescription, emptyStateWidthCompact, getTypographyIntent('body'));
});
//# sourceMappingURL=EmptyState.styles.js.map