1
import { Divider } from "antd";
2
import { Icon } from "@cocalc/frontend/components/icon";
3
import A from "components/misc/A";
4

5
export default function Help() {
6
  return (
7
    <>
8
      <Divider orientation="left" style={{ width: "600px" }}>
9
        <A href="https://doc.cocalc.com/vouchers.html">
10
          <Icon name="medkit" /> Vouchers
11
        </A>{" "}
12
      </Divider>
13
      <div
14
        style={{
15
          color: "#666",
16
          maxWidth: "600px",
17
        }}
18
      >
19
        <p>
20
          When a voucher code is redeemed,{" "}
21
          <A href="/settings/purchases" external>
22
            credit
23
          </A>{" "}
24
          will be added to the account. Use this{" "}
25
          <A href="/settings/purchases" external>
26
            credit
27
          </A>{" "}
28
          to make purchases.
29
        </p>
30
        If you have any questions, <A href="/support">contact support</A>, visit{" "}
31
        <A href="/vouchers">the Voucher Center</A>, or{" "}
32
        <A href="https://doc.cocalc.com/vouchers.html">read the docs</A>.
33
      </div>
34
    </>
35
  );
36
}
37

38