39 lines
960 B
TypeScript
39 lines
960 B
TypeScript
interface RightRectangleType {
|
|
className?: string;
|
|
onClick?: () => void;
|
|
}
|
|
|
|
const RightRectangle = ({ className, onClick }: RightRectangleType) => {
|
|
return (
|
|
<svg
|
|
width="180"
|
|
height="64"
|
|
viewBox="0 0 180 64"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className={className}
|
|
onClick={onClick}
|
|
>
|
|
<path
|
|
d="M0 64L169.708 0.483501C170.562 0.163767 171.467 0 172.379 0C176.588 0 180 3.41188 180 7.62064V56C180 60.4183 176.418 64 172 64H0Z"
|
|
fill="url(#paint0_linear_15787_31422)"
|
|
/>
|
|
<defs>
|
|
<linearGradient
|
|
id="paint0_linear_15787_31422"
|
|
x1="1.83673"
|
|
y1="3.5"
|
|
x2="184.064"
|
|
y2="20.5415"
|
|
gradientUnits="userSpaceOnUse"
|
|
>
|
|
<stop stopColor="#00AC17" />
|
|
<stop offset="1" stopColor="#004609" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default RightRectangle;
|