mirror of
https://github.com/langgenius/dify.git
synced 2026-07-23 20:18:40 +08:00
38 lines
718 B
TypeScript
38 lines
718 B
TypeScript
import type { AbstractNode } from './utils'
|
|
import { generate } from './utils'
|
|
|
|
export type IconData = {
|
|
name: string
|
|
icon: AbstractNode
|
|
}
|
|
|
|
type IconBaseProps = {
|
|
data: IconData
|
|
className?: string
|
|
onClick?: React.MouseEventHandler<SVGElement>
|
|
style?: React.CSSProperties
|
|
}
|
|
|
|
const IconBase = ({
|
|
ref,
|
|
...props
|
|
}: IconBaseProps & {
|
|
ref?: React.RefObject<React.RefObject<HTMLOrSVGElement>>
|
|
}) => {
|
|
const { data, className, onClick, style, ...restProps } = props
|
|
|
|
return generate(data.icon, `svg-${data.name}`, {
|
|
className,
|
|
onClick,
|
|
style,
|
|
'data-icon': data.name,
|
|
'aria-hidden': 'true',
|
|
...restProps,
|
|
ref,
|
|
})
|
|
}
|
|
|
|
IconBase.displayName = 'IconBase'
|
|
|
|
export default IconBase
|