import { IterableEmbeddedDefaultAction } from '../../embedded';
export declare const defaultNotificationStyles: (defaultAction?: IterableEmbeddedDefaultAction) => string;
export declare const defaultTitleStyles = "\n  margin-top: 0px;\n  font-size: 20px;\n  font-weight: bold;\n  margin-bottom: 4px;\n  color: rgb(61, 58, 59);\n  display: block;\n\n  @media screen and (max-width: 800px) {\n    line-height: 1.3em;\n    display: flex;\n    flex-direction: column;\n  }\n";
export declare const defaultBodyStyles = "\n  margin-top: 0.2em;\n  font-size: 17px;\n  margin-bottom: 10px;\n  display: block;\n  color: rgb(120, 113, 116);\n\n  @media screen and (max-width: 800px) {\n    line-height: 1.3em;\n    display: flex;\n    flex-direction: column;\n  }\n";
export declare const defaultButtonsDiv = "\n  margin-top: auto;\n\n  @media screen and (max-width: 800px) {\n    display: flex;\n    flex-direction: column;\n  }\n";
export declare const defaultTextParentStyles = "\n  overflow-wrap: break-word;\n\n  @media screen and (max-width: 800px) {\n    display: flex;\n    flex-direction: column;\n  }\n";
export declare const defaultButtonStyles = "\n  max-width: calc(50% - 32px); \n  text-align: center; \n  font-weight: bold;\n  border-radius: 100px;\n  padding: 8px 0px;\n  margin-right: 12px; \n  cursor: pointer; \n  border: none; \n  font-size: 16px;\n  color: #622a6a;\n  background: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n";
export declare const notificationButtons = "\n  margin-top: auto;\n  display:flex;\n  flex-direction:row;\n  flex-wrap: wrap;\n  row-gap: 0.3em;\n";
export declare const defaultPrimaryButtonStyle = "\n  background: #622a6a; \n  color: white; \n  padding: 8px 12px;\n";
export declare const mediaStyle = "\n  @media screen and (max-width: 800px) {\n    .titleText {\n      line-height: 1.3em;\n    }\n    .notification {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n";