Relax Callout prop requirements (#119)

fern-api · Sep 14, 2023 · 0bc6b9f · 0bc6b9f · vercel · Sep 14, 2023
1 parent e6023d9
commit 0bc6b9f
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/packages/ui/app/src/mdx/components/Callout.tsx b/packages/ui/app/src/mdx/components/Callout.tsx
@@ -6,13 +6,30 @@ import { InfoIcon } from "../../commons/icons/InfoIcon";
 import { WarningIcon } from "../../commons/icons/WarningIcon";
 import styles from "./Callout.module.scss";
 
+type Intent = "info" | "warning" | "success";
+
 export declare namespace Callout {
     export interface Props {
-        intent: "info" | "warning" | "success";
+        intent: string;
+    }
+}
+
+function parseIntent(type: unknown): Intent {
+    if (typeof type !== "string") {
+        return "info";
+    } else if (type.toLowerCase() === "info") {
+        return "info";
+    } else if (type.toLowerCase() === "warning") {
+        return "warning";
+    } else if (type.toLowerCase() === "success") {
+        return "success";
+    } else {
+        return "info";
     }
 }
 
-export const Callout: React.FC<React.PropsWithChildren<Callout.Props>> = ({ intent, children }) => {
+export const Callout: React.FC<React.PropsWithChildren<Callout.Props>> = ({ intent: intentRaw, children }) => {
+    const intent = parseIntent(intentRaw);
     return (
         <div
             className={classNames("flex space-x-3 px-4 pt-4 pb-1 border rounded-lg", {