24 lines
490 B
TypeScript
24 lines
490 B
TypeScript
import React from "react";
|
|
import styles from "./WaveText.module.css";
|
|
|
|
interface Props {
|
|
active: boolean;
|
|
}
|
|
|
|
export default function WaveText({ active }: Props) {
|
|
return (
|
|
<div className={`${styles.waveText} ${active ? styles.active : ""}`}>
|
|
<span>W</span>
|
|
<span>h</span>
|
|
<span>a</span>
|
|
<span>t</span>
|
|
<span> </span>
|
|
<span>n</span>
|
|
<span>e</span>
|
|
<span>x</span>
|
|
<span>t</span>
|
|
<span>?</span>
|
|
</div>
|
|
);
|
|
}
|