import clsx from "clsx";
import * as React from "react";
import { TooltipSymbol } from "../Tooltip";
import * as styles from "./styles.module.css";

export function Component({
  id,
  className,
  children,
  ...props
}: {
  id: string;
  className: string;
  children: React.ReactNode;
} & React.HTMLAttributes<HTMLDivElement>) {
  return (
    <div id={id} className={clsx(styles.custom, className)} {...props}>
      {children}
    </div>
  );
}

Component[TooltipSymbol] = true;