sendou.ink/components/layout/FooterWaves.tsx
2021-01-30 13:04:10 +02:00

18 lines
619 B
TypeScript

import { useMyTheme } from "hooks/common";
import React from "react";
const FooterWaves = () => {
const { themeColorHex: themeColor } = useMyTheme();
return (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 225">
<path
fill={themeColor}
fillOpacity="1"
d="M0,128L60,138.7C120,149,240,171,360,160C480,149,600,107,720,85.3C840,64,960,64,1080,90.7C1200,117,1320,171,1380,197.3L1440,224L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
></path>
</svg>
);
};
export default FooterWaves;