@yamada-ui/react/dist/esm/components/container/container.js

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

"use client";


import { createSlotComponent } from "../../core/components/create-component.js";
import { containerStyle } from "./container.style.js";

//#region src/components/container/container.tsx
const { PropsContext: ContainerPropsContext, usePropsContext: useContainerPropsContext, withContext, withProvider } = createSlotComponent("container", containerStyle);
/**
* `Container` is a component used as a general division element. By default, it renders the `section` element.
*
* @see https://yamada-ui.com/docs/components/container
*/
const ContainerRoot = withProvider("section", "root")();
const ContainerHeader = withContext("header", "header")();
const ContainerBody = withContext("div", "body")();
const ContainerFooter = withContext("footer", "footer")();

//#endregion
export { ContainerBody, ContainerFooter, ContainerHeader, ContainerPropsContext, ContainerRoot, useContainerPropsContext };
//# sourceMappingURL=container.js.map