export default function Button({
  title,
  mode = "LIGHT",
}: {
  title: string;
  mode?: "DARK" | "LIGHT";
}) {
  return (
    <button
      className={`${mode == "LIGHT" ? "bg-slate-400 dark:bg-slate-800 hover:bg-slate-600" : "bg-gray-400 dark:bg-slate-900"} font-medium py-2 px-4 rounded-lg shadow-md transition duration-200 ease-in-out`}
    >
      {title}
    </button>
  );
}