1
import { Alert } from "antd";
2

3
import Contact from "components/landing/contact";
4
import { useCustomize } from "lib/customize";
5

6
export function NoZendesk() {
7
  const { contactEmail } = useCustomize();
8

9
  return (
10
    <Alert
11
      type="error"
12
      message="Support system is not configured."
13
      style={{ margin: "30px auto", maxWidth: "400px", fontSize: "13pt" }}
14
      description={
15
        contactEmail && (
16
          <>
17
            You can still <Contact lower useHelpEmail />.
18
          </>
19
        )
20
      }
21
    />
22
  );
23
}
24

25
export function Placeholder({ children }) {
26
  // This is because the placeholder text that antd uses is WAY
27
  // too light, according to Google's Lighthouse accessibility score.
28
  return <span style={{ color: "#888" }}>{children}</span>;
29
}
30

31