mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-16 21:37:43 +01:00
ef89510a47
* Implement deprecate comment lucide-react * Add export template with comment * Add block comment to Lucide Svelte * Add blockcomment to lucide-angular * Add block comment to lucide-static * revert runtime change build:tags * Fix failed tests * Remove optional property in icon schema
32 lines
1.0 KiB
JavaScript
32 lines
1.0 KiB
JavaScript
/* eslint-disable import/no-extraneous-dependencies */
|
|
import base64SVG from '@lucide/build-icons/utils/base64SVG.mjs';
|
|
|
|
export default ({ componentName, iconName, children, getSvg, deprecated }) => {
|
|
const svgContents = getSvg();
|
|
const svgBase64 = base64SVG(svgContents);
|
|
|
|
return `
|
|
import Icon from '../Icon';
|
|
import type { IconNode, LucideProps } from '../types';
|
|
|
|
const iconNode: IconNode = ${JSON.stringify(children)};
|
|
|
|
/**
|
|
* @component @name ${componentName}
|
|
* @description Lucide SVG icon component, renders SVG Element with children.
|
|
*
|
|
* @preview  - https://lucide.dev/icons/${iconName}
|
|
* @see https://lucide.dev/guide/packages/lucide-solid - Documentation
|
|
*
|
|
* @param {Object} props - Lucide icons props and any valid SVG attribute
|
|
* @returns {JSX.Element} JSX Element
|
|
* ${deprecated ? '@deprecated' : ''}
|
|
*/
|
|
const ${componentName} = (props: LucideProps) => (
|
|
<Icon {...props} name="${componentName}" iconNode={iconNode} />
|
|
)
|
|
|
|
export default ${componentName};
|
|
`;
|
|
};
|