Spaces:
Running
Running
File size: 1,126 Bytes
9cd6ddb |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
export const Ribbon2Left = ({ color = "#43444A" }: { color?: string }) => {
return (
<svg
width={32}
height={28}
viewBox="0 0 26 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M32 32H14.152l10.42-16-10.42-16H32v32z" fill={color} />
<path
d="M9.098 0l10.414 16L9.098 32H0l10.694-16L0 0h9.098z"
fill={color}
/>
</svg>
);
};
export const Ribbon2Right = ({ color = "#43444A" }: { color?: string }) => {
return (
<svg
width={32}
height={28}
viewBox="0 0 26 32"
fill="none"
style={{
transform: "scaleX(-1)",
}}
xmlns="http://www.w3.org/2000/svg"
>
<path d="M32 32H14.152l10.42-16-10.42-16H32v32z" fill={color} />
<path
d="M9.098 0l10.414 16L9.098 32H0l10.694-16L0 0h9.098z"
fill={color}
/>
</svg>
);
};
export const MiniRibbon2 = () => {
return (
<div className="flex items-start justify-center w-full">
<Ribbon2Left />
<div className="w-full flex-1 bg-[#43444A] h-[28px]" />
<Ribbon2Right />
</div>
);
};
|