Alert

"use client";

import React from "react";
import { IconButton } from "@/subframe/components/IconButton";
import { Alert } from "@/subframe/components/Alert";

function AlertExample() {
  return (
    <Alert
      variant="neutral"
      icon="FeatherInfo"
      title="A great title for an alert"
      description="Describe what's happening in more detail."
      actions={
        <IconButton
          size="medium"
          icon="FeatherX"
          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {}}
        />
      }
    />
  );
}

export default AlertExample;