import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
import React from "react";
import { ModAlertInfoProps } from "./TAlert";
import { RxExclamationTriangle } from "react-icons/rx";

class ModAlertInfo extends React.Component<ModAlertInfoProps> {
  constructor(props: ModAlertInfoProps) {
    super(props);
  }

  render(): React.ReactNode {
    return (
      <Alert className={this.props.className} variant={"default"}>
        <RxExclamationTriangle color="blue" size={18} />
        <AlertTitle>Info</AlertTitle>

        <AlertDescription>{this.props.content}</AlertDescription>
      </Alert>
    );
  }
}

export { ModAlertInfo };
