Interface of a status option

Question

I'm trying to write an interface for a status option in my Props interface. See code below

interface Props {
  title: string;
  message: string;
  show: boolean;
  status: Status;
}

interface Status {
  warning: string;
  error: string;
  info: string;
  success: string;
}

However, I know this isn't the correct implementation. How would I go about this?

Answer 1

Found what I was looking for here: How to require a specific string in TypeScript interface

In my case it meant

interface Props {
  title: string;
  message: string;
  show: boolean;
  status: "success" | "error" | "info" | "warning";
}