39 lines
953 B
TypeScript
39 lines
953 B
TypeScript
interface LeftRectangleType {
|
|
className?: string;
|
|
onClick?: () => void;
|
|
}
|
|
|
|
const LeftRectangle = ({ className, onClick }: LeftRectangleType) => {
|
|
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="M180 64L10.2919 0.483501C9.43756 0.163767 8.53281 0 7.62064 0C3.41188 0 0 3.41188 0 7.62064V56C0 60.4183 3.58173 64 8 64H180Z"
|
|
fill="url(#paint0_linear_15787_31424)"
|
|
/>
|
|
<defs>
|
|
<linearGradient
|
|
id="paint0_linear_15787_31424"
|
|
x1="178.163"
|
|
y1="3.5"
|
|
x2="-4.06413"
|
|
y2="20.5415"
|
|
gradientUnits="userSpaceOnUse"
|
|
>
|
|
<stop stopColor="#00AC17" />
|
|
<stop offset="1" stopColor="#004609" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default LeftRectangle;
|