@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
33 lines (29 loc) • 1.57 kB
JavaScript
"use client";
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_create_component = require('../../core/components/create-component.cjs');
const require_x_icon = require('../icon/icons/x-icon.cjs');
const require_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
const require_icon_button = require('../button/icon-button.cjs');
const require_close_button_style = require('./close-button.style.cjs');
let react_jsx_runtime = require("react/jsx-runtime");
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
//#region src/components/close-button/close-button.tsx
const { PropsContext: CloseButtonPropsContext, usePropsContext: useCloseButtonPropsContext, withContext } = require_create_component.createComponent("close-button", require_close_button_style.closeButtonStyle);
/**
* `CloseButton` is a component used primarily to trigger the close functionality of a component.
*
* @see https://yamada-ui.com/docs/components/close-button
*/
const CloseButton = withContext(require_icon_button.IconButton)(void 0, ({ children, icon,...rest }) => {
const { t } = require_i18n_provider.useI18n("closeButton");
return {
"aria-label": t("Close"),
children: children || icon || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_x_icon.XIcon, {}),
...rest
};
});
//#endregion
exports.CloseButton = CloseButton;
exports.CloseButtonPropsContext = CloseButtonPropsContext;
exports.useCloseButtonPropsContext = useCloseButtonPropsContext;
//# sourceMappingURL=close-button.cjs.map