import { track } from "@vercel/analytics";

import {
  APP_CTA_ARIA_LABEL,
  APP_CTA_LABEL,
  APP_CTA_URL,
} from "@/config/constants";

import CallToAction, { type CallToActionProps } from "./call-to-action";

const AppCalloutCTA = ({
  label = APP_CTA_LABEL,
  ariaLabel = APP_CTA_ARIA_LABEL,
  context,
  ...props
}: CallToActionProps & { context?: string }) => {
  return (
    <CallToAction
      href={APP_CTA_URL}
      variant="buttonPrimary"
      label={label}
      ariaLabel={ariaLabel}
      onClick={() => {
        track("App CTA clicked", {
          label,
          url: APP_CTA_URL,
          ...(context !== undefined && { context }),
        });
      }}
      {...props}
    />
  );
};

export default AppCalloutCTA;