|
1 | 1 | import { IAmicon, aiCircleQuestion } from "."; |
2 | 2 | import { ComponentPropsWithoutRef } from "react"; |
3 | | -import clsx from "clsx"; |
4 | 3 |
|
5 | 4 | interface AmiconProps { |
6 | 5 | icon?: IAmicon; |
@@ -33,19 +32,25 @@ export default function AmiconIcon({ |
33 | 32 | ? ({ "--ai-rotate": `${rotate}deg` } as React.CSSProperties) |
34 | 33 | : {}; |
35 | 34 |
|
| 35 | + const classes = [ |
| 36 | + className, |
| 37 | + "ai-icon", |
| 38 | + (!!rotate || rotate === 0) && "ai-rotate", |
| 39 | + flip === "x" && "ai-flip-x", |
| 40 | + flip === "y" && "ai-flip-y", |
| 41 | + flip === true && "ai-flip", |
| 42 | + spin === true && "ai-spin", |
| 43 | + spin === "pulse" && "ai-spin ai-spin-pulse", |
| 44 | + beat && "ai-beat", |
| 45 | + (isFallback || fade) && "ai-fade", |
| 46 | + bounce && "ai-bounce", |
| 47 | + ] |
| 48 | + .filter(Boolean) |
| 49 | + .join(" "); |
| 50 | + |
36 | 51 | return ( |
37 | 52 | <span |
38 | | - className={clsx(className, "ai-icon", { |
39 | | - "ai-rotate": !!rotate || rotate === 0, |
40 | | - "ai-flip-x": flip === "x", |
41 | | - "ai-flip-y": flip === "y", |
42 | | - "ai-flip": flip === true, |
43 | | - "ai-spin": spin === true, |
44 | | - "ai-spin ai-spin-pulse": spin === "pulse", |
45 | | - "ai-beat": beat, |
46 | | - "ai-fade": isFallback || fade, |
47 | | - "ai-bounce": bounce, |
48 | | - })} |
| 53 | + className={classes} |
49 | 54 | style={{ ...rotateStyle, ...style }} |
50 | 55 | dangerouslySetInnerHTML={{ __html: resolvedIcon.data }} |
51 | 56 | {...props} |
|
0 commit comments