import { type ReactElement } from 'react';
import { type DeclarationFunctionProps, type StylesProps } from '@divi/module';
import { type BlurbAttrs, type Module } from '@divi/types';
/**
 * Map image sizing alignSelf to Blurb image alignment declarations.
 *
 * @since ??
 *
 * @param {DeclarationFunctionProps<Module.Element.Decoration.Sizing.AttributeValue>} param0 Declaration parameters.
 *
 * @returns {string} The image alignment declaration.
 */
declare const imageSizingAlignmentStyleDeclaration: ({
  attrValue,
}: DeclarationFunctionProps<Module.Element.Decoration.Sizing.AttributeValue>) => string;
/**
 * Map Blurb sizing alignment to a text alignment declaration.
 *
 * D4 paired every `icon_alignment` value with a `text-align` rule because the image wrap margin only
 * shifts a wrap that is narrower than its container. When the image itself is narrower than the wrap,
 * `text-align` is the only rule that aligns it.
 *
 * @since ??
 *
 * @param {DeclarationFunctionProps<Module.Element.Decoration.Sizing.AttributeValue>} param0 Declaration parameters.
 *
 * @returns {string} The text alignment declaration.
 */
declare const sizingTextAlignmentStyleDeclaration: ({
  attrValue,
}: DeclarationFunctionProps<Module.Element.Decoration.Sizing.AttributeValue>) => string;
/**
 * Blurb Module's style components.
 *
 * @since ??
 */
declare const ModuleStyles: ({
  attrs,
  elements,
  settings,
  orderClass,
  mode,
  state,
  noStyleTag,
  styleGroup,
}: StylesProps<BlurbAttrs>) => ReactElement;
export { imageSizingAlignmentStyleDeclaration, ModuleStyles, sizingTextAlignmentStyleDeclaration };