import styled from 'styled-components';
import { Box, Typography } from '../..';
export var BoxContainer = styled(Box).withConfig({
  displayName: "ToastMessagestyled__BoxContainer",
  componentId: "sc-1tycdzi-0"
})(["background-color:", ";padding:", "px;border-radius:", ";width:fit-content;position:fixed;right:20px;bottom:20px;z-index:", ";"], function (_ref) {
  var theme = _ref.theme;
  return theme.colorTokens.neutral.background_focus;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.spacing.unit(3);
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.borderRadius8;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.zIndex.overlayInModal;
});
export var StyledTypography = styled(Typography).withConfig({
  displayName: "ToastMessagestyled__StyledTypography",
  componentId: "sc-1tycdzi-1"
})(["color:", ";"], function (_ref5) {
  var theme = _ref5.theme;
  return theme.colorTokens.neutral.text_medium;
});