import { IterableEmbeddedDefaultAction } from '../../embedded';
export declare const defaultCardStyles: (defaultAction?: IterableEmbeddedDefaultAction) => string;
export declare const defaultImageStyles = "\n  width: 100%;\n  aspect-ratio: 16/9;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  object-fit: cover;\n\n  @media screen and (max-width: 800px) {\n    display: flex;\n    flex-direction: column;\n  }\n";
export declare const defaultTitleStyles = "\n  font-size: 20px;\n  font-weight: bold;\n  margin-bottom: 9px;\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  color: rgb(120, 113, 116);\n\n  @media screen and (max-width: 800px) {\n    line-hei\u00DFght: 1.3em;\n  }\n";
export declare const defaultButtonStyles = "\n  max-width: calc(50% - 32px);\n  text-align: center;\n  font-size: 16px;\n  font-weight: bold;\n  background-color: transparent;\n  color: #622a6a;\n  border: none;\n  border-radius: 0;\n  cursor: pointer;\n  padding: 5px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n";
export declare const defaultTextParentStyles = "\n  overflow-wrap: break-word;\n  margin: 10px;\n";
export declare const cardButtons = "\n  margin-top: auto;\n  margin-left: 5px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n";