@yamada-ui/react/dist/esm/components/card/card.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 { cardStyle } from "./card.style.js";

//#region src/components/card/card.tsx
const { PropsContext: CardPropsContext, usePropsContext: useCardPropsContext, withContext, withProvider } = createSlotComponent("card", cardStyle);
/**
* `Card` is a component that groups and displays related information. By default, it renders a `article` element.
*
* @see https://yamada-ui.com/docs/components/card
*/
const CardRoot = withProvider("article", "root")();
const CardHeader = withContext("header", "header")();
const CardBody = withContext("div", "body")();
const CardFooter = withContext("footer", "footer")();

//#endregion
export { CardBody, CardFooter, CardHeader, CardPropsContext, CardRoot, useCardPropsContext };
//# sourceMappingURL=card.js.map