import Head from "next/head"; import React from "react"; import { Alert, AlertProps } from "@components/ui/Alert"; export default function AlertPage() { const list: AlertProps[] = [ { title: "Something went wrong", severity: "error" }, { title: "Something went kinda wrong", severity: "warning" }, { title: "Something went great", severity: "success" }, { title: "Something went wrong", severity: "error", message: "Some extra context" }, { title: "Something went wrong", severity: "error", message: (

Some extra context
hey

), }, ]; return ( <>

Alert component

{list.map((props, index) => (

{JSON.stringify( props, (key, value) => { if (key.includes("message")) { return ".."; } return value; }, 2 )}

Alert text
))}
); }