import { MdOutlineMail as MailOutlineOutlinedIcon, MdOutlineSms as SmsOutlinedIcon } from 'react-icons/md'

import OptionCard from "./OptionCard/OptionCard";
import "./ChooseCampaignType.scss";
import { Link } from "react-router-dom";
import { campaignCreateUrl, smsCampaignCreateUrl } from "constants/dca";

const ChooseCampaignType: React.FC<{}> = () => {
  return (
    <>
      <div className="optionCardWrapper">
        <Link to={{ pathname: campaignCreateUrl }} style={{ width: "50%" }}>
          <OptionCard
            icon={<MailOutlineOutlinedIcon size={24} />}
            title={"Email campaign"}
            subtitle="Send email campaigns to any fan segment"
          />
        </Link>
        <Link to={{ pathname: smsCampaignCreateUrl }} style={{ width: "50%" }}>
          <OptionCard
            icon={<SmsOutlinedIcon size={24} />}
            title={"SMS campaign"}
            subtitle="Send SMS messages to any fan segment"
          />
        </Link>
      </div>
    </>
  );
};

export default ChooseCampaignType;
