25 lines
755 B
TypeScript
Raw Normal View History

2024-10-25 18:27:17 +02:00
type Props = {
variant: "primary" | "default";
className?: string;
};
export function SuccessCheckIcon({ variant, className = "" }: Props) {
const color = variant === "primary" ? "#1FC16B" : "#444444";
return (
<span className={"onboarding-healthCheck-icon " + className}>
<svg
width="16"
height="16"
viewBox="0 0 16 16"
fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M8 15.5C3.85775 15.5 0.5 12.1423 0.5 8C0.5 3.85775 3.85775 0.5 8 0.5C12.1423 0.5 15.5 3.85775 15.5 8C15.5 12.1423 12.1423 15.5 8 15.5ZM7.25225 11L12.5548 5.69675L11.4943 4.63625L7.25225 8.879L5.1305 6.75725L4.07 7.81775L7.25225 11Z"
fill={color}
/>
</svg>
</span>
);
}