Alert

"use client";

import React from "react";
import { Alert } from "@/ui/components/Alert";
import { IconButton } from "@/ui/components/IconButton";
import { FeatherInfo } from "@subframe/core";
import { FeatherX } from "@subframe/core";

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;