dify

dify/web/app/components/base/svg/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import s from './style.module.css'
+import ActionButton from '../action-button'
+import cn from '@/utils/classnames'
+
+type ISVGBtnProps = {
+  isSVG: boolean
+  setIsSVG: React.Dispatch<React.SetStateAction<boolean>>
+}
+
+const SVGBtn = ({
+  isSVG,
+  setIsSVG,
+}: ISVGBtnProps) => {
+  return (
+    <ActionButton onClick={() => { setIsSVG(prevIsSVG => !prevIsSVG) }}>
+      <div className={cn('h-4 w-4', isSVG ? s.svgIconed : s.svgIcon)}></div>
+    </ActionButton>
+  )
+}
+
+export default SVGBtn