import { Spacing } from "../../global/mixins";
/**
 * @uiName Container
 * @slots [{"name":"", "title":"Widget Content"}]
 * @exampleGroup Layout
 * @example Row Layout Container - <sqm-portal-container direction="row" padding="none" gap="xxx-large" display="flex" max-width="100%"><p>Add your row content!</p></sqm-portal-container>
 * @example Column Layout Container - <sqm-portal-container direction="column" padding="none" gap="xxx-large" display="grid" max-width="100%"><p>Add your column content!</p></sqm-portal-container>
 */
export declare class PortalContainer {
  ignored: boolean;
  /**
   * @uiName Direction
   * @uiType string
   * @uiEnum ["row", "column"]
   * @uiEnumNames ["Row", "Column"]
   */
  direction: "row" | "column";
  /**
   * @uiName Padding
   * @uiType string
   * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
   * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
   */
  padding: Spacing;
  /**
   * @uiName Gap
   * @uiType string
   * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
   * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
   */
  gap: Spacing;
  /** @uiName Minimum width */
  minWidth?: string;
  /**
   * @uiName Display
   * @uiType string
   * @uiEnum ["grid", "flex"]
   * @uiEnumNames ["Grid", "Flex"]
   */
  display: "grid" | "flex";
  /**
   * Define how this container distributes its contents along the main-axis.
   *
   * @uiName Justify content
   * @uiType string
   * @uiEnum ["start", "center", "end", "space-between", "space-around", "space-evenly"]
   * @uiEnumNames ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"]
   */
  justifyContent?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
  /**
   * @uiName Maximum width
   */
  maxWidth?: string;
  /**
   * @uiName Flex wrap behavior
   * @uiType string
   * @uiEnum ["wrap", "nowrap"]
   * @uiEnumNames ["Wrap", "No Wrap"]
   */
  flexWrap?: string;
  /**
   * @uiName Center content
   */
  center?: boolean;
  /**
   * @uiName Background color
   * @uiWidget color
   * @uiType string
   */
  backgroundColor?: string;
  constructor();
  disconnectedCallback(): void;
  render(): any;
}
