mirror of
https://github.com/koreanbots/core.git
synced 2025-12-17 06:40:24 +00:00
feat: added wave component
This commit is contained in:
parent
7271c71f11
commit
b7d2ef4c0f
17
components/Wave.tsx
Normal file
17
components/Wave.tsx
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
const Wave = ({ color, className }:WaveProps):JSX.Element => {
|
||||||
|
return (
|
||||||
|
<svg viewBox="0 0 1440 320" className={className}>
|
||||||
|
<path
|
||||||
|
fill={color}
|
||||||
|
d="M0 192l34.3 5.3C68.6 203 137 213 206 186.7c68.3-26.7 137-90.7 205-96 69-5.7 138 48.3 206 90.6C685.7 224 754 256 823 272c68.4 16 137 16 206 0 68.1-16 137-48 205-69.3 68.9-21.7 137-31.7 172-37.4l34-5.3V0H0z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
interface WaveProps {
|
||||||
|
color: string
|
||||||
|
className?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Wave
|
||||||
Loading…
x
Reference in New Issue
Block a user