95 lines
4.8 KiB
XML
95 lines
4.8 KiB
XML
import { cn } from "@/lib/utils";
|
|
|
|
type IconProps = {
|
|
size?: string;
|
|
};
|
|
|
|
type Props = IconProps & {
|
|
className?: string;
|
|
};
|
|
|
|
function InstagramIcon(props: IconProps) {
|
|
const { size } = props;
|
|
return (
|
|
<svg
|
|
width="auto"
|
|
height={size ?? "22"}
|
|
viewBox="0 0 22 22"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M11 1.98C13.9333 1.98 14.2817 1.98917 15.4458 2.04417C18.425 2.18167 19.8183 3.59333 19.9558 6.55417C20.0108 7.71833 20.02 8.06667 20.02 11C20.02 13.9333 20.0108 14.2817 19.9558 15.4458C19.8183 18.4067 18.4342 19.8183 15.4458 19.9558C14.2817 20.0108 13.9425 20.02 11 20.02C8.0575 20.02 7.71833 20.0108 6.55417 19.9558C3.56583 19.8183 2.18167 18.3975 2.04417 15.4458C1.98917 14.2817 1.98 13.9425 1.98 11C1.98 8.0575 1.98917 7.71833 2.04417 6.55417C2.18167 3.59333 3.56583 2.18167 6.55417 2.04417C7.71833 1.98917 8.0575 1.98 11 1.98ZM11 0C8.01167 0 7.63583 0.00916667 6.4625 0.0641667C2.475 0.2475 0.2475 2.46583 0.0641667 6.4625C0.00916667 7.63583 0 8.01167 0 11C0 13.9883 0.00916667 14.3642 0.0641667 15.5375C0.2475 19.5342 2.46583 21.7525 6.4625 21.9358C7.63583 21.9908 8.01167 22 11 22C13.9883 22 14.3642 21.9908 15.5375 21.9358C19.525 21.7525 21.7525 19.5342 21.9358 15.5375C21.9908 14.3642 22 13.9883 22 11C22 8.01167 21.9908 7.63583 21.9358 6.4625C21.7525 2.475 19.5342 0.2475 15.5375 0.0641667C14.3642 0.00916667 13.9883 0 11 0ZM11 5.35333C7.88333 5.35333 5.35333 7.88333 5.35333 11C5.35333 14.1167 7.88333 16.6467 11 16.6467C14.1167 16.6467 16.6467 14.1167 16.6467 11C16.6467 7.88333 14.1167 5.35333 11 5.35333ZM11 14.6667C8.97417 14.6667 7.33333 13.0258 7.33333 11C7.33333 8.97417 8.97417 7.33333 11 7.33333C13.0258 7.33333 14.6667 8.97417 14.6667 11C14.6667 13.0258 13.0258 14.6667 11 14.6667ZM16.8758 3.80417C16.1425 3.80417 15.5558 4.39083 15.5558 5.12417C15.5558 5.8575 16.1517 6.44417 16.8758 6.44417C17.6 6.44417 18.1958 5.8575 18.1958 5.12417C18.1958 4.39083 17.6092 3.80417 16.8758 3.80417Z"
|
|
fill="#111F51"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
function FacebookIcon(props: IconProps) {
|
|
const { size } = props;
|
|
return (
|
|
<svg
|
|
width="auto"
|
|
height={size ?? "22"}
|
|
viewBox="0 0 12 22"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M0.374552 11.7172H2.92063V21.6452C2.92063 21.8413 3.08845 22 3.29518 22H7.6124C7.81942 22 7.98695 21.841 7.98695 21.6452V11.7639H10.914C11.1041 11.7639 11.2644 11.6286 11.2862 11.4496L11.7307 7.7946C11.7429 7.69395 11.7092 7.5933 11.6384 7.51795C11.5673 7.44233 11.4656 7.39915 11.3588 7.39915H7.98724V5.10812C7.98724 4.4176 8.37979 4.06725 9.15445 4.06725H11.3588C11.5658 4.06725 11.7333 3.9083 11.7333 3.7125V0.3575C11.7333 0.161425 11.5655 0.00275 11.3588 0.00275H8.32085C8.29936 0.00165 8.25175 0 8.18177 0C7.65479 0 5.82239 0.0978999 4.37499 1.35905C2.77139 2.7566 2.99438 4.4297 3.04751 4.71982V7.39887H0.374552C0.167532 7.39887 0 7.55783 0 7.75363V11.3619C0 11.558 0.167822 11.7172 0.374552 11.7172Z"
|
|
fill="#111F51"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
function LinkedinIcon(props: IconProps) {
|
|
const { size } = props;
|
|
return (
|
|
<svg
|
|
width="auto"
|
|
height={size ?? "22"}
|
|
viewBox="0 0 24 22"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M18.5778 0H4.88889C2.19022 0 0 2.05333 0 4.58333V17.4167C0 19.9467 2.19022 22 4.88889 22H18.5778C21.2764 22 23.4667 19.9467 23.4667 17.4167V4.58333C23.4667 2.05333 21.2764 0 18.5778 0ZM7.82222 17.4167H4.88889V7.33333H7.82222V17.4167ZM6.35556 6.16917C5.40711 6.16917 4.64444 5.445 4.64444 4.55583C4.64444 3.66667 5.40711 2.9425 6.35556 2.9425C7.304 2.9425 8.06667 3.66667 8.06667 4.55583C8.06667 5.445 7.304 6.16917 6.35556 6.16917ZM19.5556 17.4167H16.6222V12.2833C16.6222 9.19417 12.7111 9.4325 12.7111 12.2833V17.4167H9.77778V7.33333H12.7111V8.95583C14.08 6.58167 19.5556 6.4075 19.5556 11.2292V17.4258V17.4167Z"
|
|
fill="#111F51"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export default function SocialNetworks(props: Props) {
|
|
const { size, className } = props;
|
|
return (
|
|
<div className={cn("flex items-center gap-4", className)}>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://www.instagram.com/ovoteampro"
|
|
title="Ovoteam sur Instagram : L'art de cuisiner l'œuf."
|
|
>
|
|
<InstagramIcon size={size} />
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://www.linkedin.com/company/ovoteam"
|
|
title="Ovoteam sur LinkedIn : Nos équipes et nos valeurs."
|
|
>
|
|
<LinkedinIcon size={size} />
|
|
</a>
|
|
<a
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://www.facebook.com/ovoteampro"
|
|
title="Ovoteam sur Facebook - Recettes et astuces pour tous."
|
|
>
|
|
<FacebookIcon size={size} />
|
|
</a>
|
|
</div>
|
|
);
|
|
}
|