import * as React from "react";

export function Alert(
  props: React.PropsWithChildren<{ message: string; color: string }>,
) {
  return (
    <div
      className={`mt-3 bg-${props.color}-100 border border-${props.color}-400 text-${props.color}-700 px-4 py-3 rounded relative`}
      role="alert"
    >
      <span className="block sm:inline"> {props.message}</span>
    </div>
  );
}
