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