core/components/Wave.tsx

18 lines
465 B
TypeScript

const Wave: React.FC<WaveProps> = ({ color, className }) => {
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