import { type ReactElement } from 'react';
import { type StylesProps } from '@divi/module';
import { type ColumnAttrs } from '@divi/types';
/**
 * Column's style components.
 *
 * @since ??
 *
 * @param {StylesProps<ColumnAttrs>} param0 Column style component props.
 * @param {string} param0.id Module ID.
 * @param {ColumnAttrs} param0.attrs Module attributes.
 * @param {object} param0.elements Module elements instance.
 * @param {ColumnAttrs} param0.defaultPrintedStyleAttrs Default printed style attributes.
 * @param {object} param0.settings Module settings.
 * @param {'builder'|'frontend'} param0.mode Rendering mode.
 * @param {string} param0.state Attribute state.
 * @param {boolean} param0.noStyleTag Whether to skip style tag rendering.
 * @param {boolean} [param0.hasModule=false] Whether the column has child modules.
 * This prop is automatically passed by ModuleContainer/Module component system.
 * It indicates if the column contains any child modules (false = empty column).
 * Used to conditionally apply !important flags to padding CSS for empty columns
 * to ensure visibility in Visual Builder (see issue #47241).
 * @param {'module'|'preset'|'presetNested'|'presetGroup'} [param0.styleGroup='module']
 * Style render context. Instance modules use `'module'`; preset stylesheets use `'preset'`.
 * Gating empty-column padding `!important` on `'module'` avoids preset CSS overriding
 * local instance padding (see issue #50152).
 *
 * @returns {ReactElement}
 */
declare const ModuleStyles: ({
  id,
  attrs,
  elements,
  defaultPrintedStyleAttrs,
  settings,
  mode,
  state,
  noStyleTag,
  hasModule,
  styleGroup,
}: StylesProps<ColumnAttrs>) => ReactElement;
export { ModuleStyles };