import { Checkbox } from "@/components/ui/checkbox";
import React from "react";
import { ModCheckboxWarningProps } from "./TCheckbox";
import { RxExclamationTriangle } from "react-icons/rx";

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

  render(): React.ReactNode {
    return (
      <div className="flex flex-row items-center">
        <RxExclamationTriangle color="red" size={16} />
        <Checkbox className={this.props.className}></Checkbox>
        <div className="text-red-500">{this.props.content}</div>
      </div>
    );
  }
}

export { ModCheckboxWarning };
