@yamada-ui/react/dist/types/components/container/container.style.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ComponentSlotStyle } from "../../core/system/index.types.js";
import "../../index.js";

//#region src/components/container/container.style.d.ts
declare const containerStyle: ComponentSlotStyle<"body" | "footer" | "header" | "root", {
  /**
   * If `true`, container will center its children regardless of their width.
   *
   * @default false
   */
  centerContent: {
    true: {
      body: {
        alignItems: "center";
      };
      footer: {
        justifyContent: "center";
      };
      header: {
        justifyContent: "center";
      };
    };
  };
}, {
  sm: {
    body: {
      gap: "3";
      px: "3";
      py: "3";
    };
    footer: {
      gap: "3";
      pb: "3";
      px: "3";
    };
    header: {
      fontSize: "lg";
      gap: "3";
      pt: "3";
      px: "3";
    };
  };
  md: {
    body: {
      gap: "4";
      px: "4";
      py: "4";
    };
    footer: {
      gap: "4";
      pb: "4";
      px: "4";
    };
    header: {
      fontSize: "xl";
      gap: "4";
      pt: "4";
      px: "4";
    };
  };
  lg: {
    body: {
      gap: "6";
      px: "6";
      py: "6";
    };
    footer: {
      gap: "6";
      pb: "6";
      px: "6";
    };
    header: {
      fontSize: "2xl";
      gap: "6";
      pt: "6";
      px: "6";
    };
  };
  xl: {
    body: {
      gap: "8";
      px: "8";
      py: "8";
    };
    footer: {
      gap: "8";
      pb: "8";
      px: "8";
    };
    header: {
      fontSize: "2xl";
      gap: "8";
      pt: "8";
      px: "8";
    };
  };
}, {
  elevated: {
    root: {
      bg: "bg.panel";
      boxShadow: "md";
    };
  };
  outline: {
    root: {
      layerStyle: "outline";
    };
  };
  panel: {
    root: {
      layerStyle: "panel";
    };
  };
  solid: {
    root: {
      layerStyle: "solid";
    };
  };
  subtle: {
    root: {
      layerStyle: "subtle";
    };
  };
  surface: {
    root: {
      layerStyle: "surface";
    };
  };
}>;
type ContainerStyle = typeof containerStyle;
//#endregion
export { ContainerStyle, containerStyle };
//# sourceMappingURL=container.style.d.ts.map