import * as React from "react";
import Button from "@mui/material/Button";

import QuizOutlinedIcon from "@mui/icons-material/QuizOutlined";

export function WhatMakesTiDBFasterUTMBtn() {
  return (
    <Button
      startIcon={<QuizOutlinedIcon fontSize="inherit" />}
      target="_blank"
      href={`https://docs.pingcap.com/tidb/stable/tidb-architecture`}
    >
      What makes TiDB faster?
    </Button>
  );
}

export function WhyCanTiDBEasilyScaleUTMBtn() {
  return (
    <Button
      startIcon={<QuizOutlinedIcon fontSize="inherit" />}
      target="_blank"
      href={`https://docs.pingcap.com/tidb/stable/tidb-architecture`}
    >
      How can TiDB easily scale out/in?
    </Button>
  );
}

export function MySQLCompatibleUTMBtn() {
  return (
    <Button
      startIcon={<QuizOutlinedIcon fontSize="inherit" />}
      target="_blank"
      href={`https://docs.pingcap.com/tidb/stable/mysql-compatibility`}
    >
      How using TiDB is as simple as MySQL
    </Button>
  );
}