import React from "react";

import { CheckPlansProps } from "@shared/types/micro-components";

export type CtaCalloutProps = {
  title?: string;
  subTitle?: string;
  enableHeading?: boolean;
  color?: "dark" | "light";
  background?: "blue" | "green" | "navy" | "purple" | "white" | "yellow";
  description?: React.ReactNode;
  descriptionAlignment?: "center" | "left" | "right";
  contentAlignment?: "center" | "left" | "right";
  button?: any;
  maxWidth?: boolean;
  onModalButtonClick?: (id?: string) => void;
  renderCheckPlans?: (overrides?: CheckPlansProps) => React.ReactNode;
};

export type ThemeKey =
  | "blue"
  | "green"
  | "yellow"
  | "purple"
  | "white"
  | "navy";