@syncfusion/react-icons/src/svg-icon.js

Syncfusion React Icons for React applications

import { jsx as _jsx } from "react/jsx-runtime";
/**
 * The SVG component displays SVG icons with a given height, width, and viewBox.
 *
 * @private
 * @param {SvgProps} props - The props of the component.
 * @returns {void} Returns the SVG element.
 */
export const SvgIcon = ((props) => {
    const { viewBox = '0 0 24 24', children, className = '', width = null, height = null, focusable = 'false', 'aria-hidden': ariaHidden = true, ...restProps } = props;
    return (_jsx("svg", { ...restProps, className: `sf-icon ${(!width || !height) ? 'sf-icon-size' : ''} ${className}`.trim(), width: typeof width === 'number' ? `${width}px` : width, height: typeof height === 'number' ? `${height}px` : height, viewBox: viewBox, focusable: focusable, "aria-hidden": ariaHidden, children: children }));
});
export default SvgIcon;