/**
 * Shows it's children as either a row or a column, with a division in between them.
 * Spacing is left up to the child
 *
 * @uiName Divided Layout
 * @validParents ["sqm-brand","sqm-portal-container","div","sqm-popup-container","sqm-hero","sqm-referral-card","sqm-titled-section","sqb-program-section","sqb-conditional-section", "sqm-divided-layout"]
 * @exampleGroup Layout
 * @slots [{"name":"", "title":"Layout Content"}]
 */
export declare class DividedLayout {
  /**
   * @uiName Direction
   * @uiType string
   * @uiEnum ["row", "column"]
   * @uiEnumNames ["Row", "Column"]
   */
  direction: "row" | "column";
  /**
   * Overrides max-width of content area
   * @uiName Content Area Width
   * @uiType string
   */
  contentAreaWidth: string | null;
  /**
   * @undocumented
   * Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color.
   * @uiName Border style
   */
  dividerStyle: string;
  /**
   * Background color of the divider
   * @uiName Background Color
   * @uiWidget color
   */
  backgroundColor?: string;
  /**
   * Color of the divider (defaults to default text color if none is set)
   * @uiName Border Color
   * @uiWidget color
   */
  borderColor?: string;
  constructor();
  disconnectedCallback(): void;
  render(): any;
}
