@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
49 lines (45 loc) • 2.04 kB
JavaScript
"use client";
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_utils_index = require('../../utils/index.cjs');
const require_factory = require('../../core/system/factory.cjs');
const require_styles = require('../../core/css/styles.cjs');
const require_props = require('../../core/components/props.cjs');
const require_create_component = require('../../core/components/create-component.cjs');
const require_link_box_style = require('./link-box.style.cjs');
let react_jsx_runtime = require("react/jsx-runtime");
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
//#region src/components/link-box/link-box.tsx
const { ComponentContext, PropsContext: LinkBoxPropsContext, useComponentContext, usePropsContext: useLinkBoxPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("link-box", require_link_box_style.linkBoxStyle);
/**
* `LinkBox` is a component that allows elements such as articles or cards to function as a single link.
*
* @see https://yamada-ui.com/docs/components/link-box
*/
const LinkBoxRoot = withProvider(({ children,...rest }) => {
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContext, {
value: require_props.useExtractProps(rest, require_styles.radiusProperties),
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.div, {
...rest,
children
})
});
}, "root")();
const LinkBoxOverlay = withContext("a", "overlay")(void 0, ({ external, _before,...rest }) => {
const context = useComponentContext();
return {
rel: external ? "noopener" : void 0,
target: external ? "_blank" : void 0,
"data-link-box-overlay": (0, require_utils_index.utils_exports.dataAttr)(true),
_before: {
..._before,
...context
},
...rest
};
});
//#endregion
exports.LinkBoxOverlay = LinkBoxOverlay;
exports.LinkBoxPropsContext = LinkBoxPropsContext;
exports.LinkBoxRoot = LinkBoxRoot;
exports.useLinkBoxPropsContext = useLinkBoxPropsContext;
//# sourceMappingURL=link-box.cjs.map