core/components/Wave.tsx
2021-01-08 22:17:59 +09:00

18 lines
468 B
TypeScript

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