@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
35 lines (31 loc) • 1.17 kB
JavaScript
"use client";
const require_use_inject_vars = require('../../core/css/use-inject-vars.cjs');
const require_create_component = require('../../core/components/create-component.cjs');
const require_icon_style = require('./icon.style.cjs');
//#region src/components/icon/icon.tsx
const { component, PropsContext: IconPropsContext, usePropsContext: useIconPropsContext, withContext } = require_create_component.createComponent("icon", require_icon_style.iconStyle);
/**
* `Icon` is a general icon component that can be used in your projects.
*
* @see https://yamada-ui.com/docs/components/icon
*/
const Icon = withContext("svg")({
"aria-hidden": true,
"data-icon": "",
role: "img",
verticalAlign: "middle"
}, (props) => {
const css = require_use_inject_vars.useInjectVarsIntoCss(props.css, { fontSize: "size" });
return {
boxSize: "{size}",
...require_use_inject_vars.useInjectVarsIntoProps(props, { fontSize: "size" }),
css
};
});
//#endregion
exports.Icon = Icon;
exports.IconPropsContext = IconPropsContext;
exports.component = component;
exports.useIconPropsContext = useIconPropsContext;
exports.withContext = withContext;
//# sourceMappingURL=icon.cjs.map