import SegmentLogo from "@/images/logos/segment-logo.png";
import MixpanelLogo from "@/images/logos/mixpanel-logo.png";
import AmplitudeLogo from "@/images/logos/amplitude-logo.png";
import PosthogLogo from "@/images/logos/posthog-logo.png";
import HeapLogo from "@/images/logos/heap-logo.png";
import JuneLogo from "@/images/logos/june-logo.png";
import CustomerIOLogo from "@/images/logos/customerio-logo.png";
import SalesforceLogo from "@/images/logos/salesforce-logo.png";
import BrazeLogo from "@/images/logos/braze-logo.png";
import HubspotLogo from "@/images/logos/hubspot-logo.png";

import Image from "next/image";

export function SegmentLogoImage(props: any) {
  return <Image alt="Segment Logo" src={SegmentLogo} {...props} />;
}

export function MixpanelLogoImage(props: any) {
  return <Image alt="Segment Logo" src={MixpanelLogo} {...props} />;
}

export function AmplitudeLogoImage(props: any) {
  return <Image alt="Segment Logo" src={AmplitudeLogo} {...props} />;
}
export function PosthogLogoImage(props: any) {
  return <Image alt="Segment Logo" src={PosthogLogo} {...props} />;
}
export function HeapLogoImage(props: any) {
  return <Image alt="Segment Logo" src={HeapLogo} {...props} />;
}
export function JuneLogoImage(props: any) {
  return <Image alt="Segment Logo" src={JuneLogo} {...props} />;
}
export function SalesforceLogoImage(props: any) {
  return <Image alt="Segment Logo" src={SalesforceLogo} {...props} />;
}
export function BrazeLogoImage(props: any) {
  return <Image alt="Segment Logo" src={BrazeLogo} {...props} />;
}
export function HubspotLogoImage(props: any) {
  return <Image alt="Segment Logo" src={HubspotLogo} {...props} />;
}
export function CustomerIOLogoImage(props: any) {
  return <Image alt="Segment Logo" src={CustomerIOLogo} {...props} />;
}
