"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("styled-components"),e=require("../../utils/index.js"),r=require("./utils.js");function s(t){return t&&t.__esModule?t:{default:t}}var i=s(n);const p=i.default.div`
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  padding: ${t=>t.componentName==="notification"?e.getSpacing("s04"):e.getSpacing("s04","s06")};
  border-radius: ${t=>t.componentName==="notification"&&t.theme.radius.roundedC};
  ${t=>r.mapTypeToCss(t.variant,a)};
  position: relative;
`,o=i.default.div`
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  margin-top: ${e.getSpacing("s04")};
  margin-right: ${({compact:t,showClose:l})=>t&&l&&e.getSpacing("s08")};
  width: 100%;

  & > button + button {
    margin-left: ${e.getSpacing("s02")};
  }
`,d=i.default.div`
  display: flex;
  flex-flow: ${t=>t.compact?"row":"column"} nowrap;
  width: 100%;

  ${t=>t.compact&&n.css`
      ${o} {
        margin-top: 0;
      }
    `}
`,a=i.default.div`
  align-items: center;
  display: flex;
  height: 28px;
  margin-right: ${e.getSpacing("s04")};

  svg {
    fill: ${e.getColorAlias("contentDefault")};
    height: 20px;
    width: 20px;
  }
`,c=i.default.div`
  position: absolute;
  right: 16px;
  top: ${({compact:t})=>t?"8px":"4px"};
`,g=i.default.h4`
  ${e.getFontSize("size20")};
  color: ${e.getColorAlias("contentDefault")};
  font-weight: ${t=>t.theme.font.weightExtrabold};
  margin: 0;
  padding: 0;
  width: 100%;
`,f=i.default.div`
  color: ${e.getColorAlias("contentDefault")};
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  min-height: 24px;
  padding-top: 4px;
  width: 100%;
`;exports.Actions=o;exports.CloseIcon=c;exports.Container=d;exports.Content=f;exports.IconWrapper=a;exports.Title=g;exports.Wrapper=p;
