"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../../utils/index.js"),i=require("./utils.js");function n(t){return t&&t.__esModule?t:{default:t}}var a=n(r);const o=a.default.div`
  display: flex;
  font-family: ${t=>t.theme.font.familyPrimary};
  flex-direction: column;
  margin-bottom: ${e.getSpacing("s01")};
  padding: ${e.getSpacing("s04")};
  border-radius: ${e.getSpacing("s02")};
  background-color: ${e.getColorAlias("containerInverse")};
  position: relative;
  overflow: hidden;
  min-width: 300px;
  max-width: 100%;
  pointer-events: auto;
  ${e.getFontSize("size14")};

  &::before {
    content: '';
    height: 100%;
    width: ${e.getSpacing("s01")};
    background-color: ${({variant:t})=>t&&i.getBorderColor(t)};
    position: absolute;
    top: 0;
    left: 0;
  }

  svg {
    margin-right: ${e.getSpacing("s04")};
    height: calc(${e.getSpacing("s05")} - ${e.getSpacing("s01")});
    width: calc(${e.getSpacing("s05")} - ${e.getSpacing("s01")});
    fill: ${({variant:t})=>t?i.getIconFill(t):e.getColorAlias("containerDefault")};
  }
`,p=a.default.div`
  display: flex;
  align-items: center;
`,s=a.default.span`
  ${e.getFontSize("size14")};
  color: ${e.getColorAlias("contentInverse")};
`,c=a.default.div`
  display: flex;
  margin-top: ${e.getSpacing("s01")};
  justify-content: flex-end;
`,l=a.default.div`
  margin-left: auto;

  button {
    margin-left: ${e.getSpacing("s04")};
  }
`,g=a.default(o)`
  padding: calc(${e.getSpacing("s04")} - 2px) ${e.getSpacing("s04")};
`;exports.ActionWrapper=c;exports.CompactActionWrapper=l;exports.CompactWrapper=p;exports.MessageWrapper=s;exports.ToastCompactWrapper=g;exports.ToastWrapper=o;
