import React from "react";

declare global {
  namespace JSX {
    interface IntrinsicElements {
      marquee: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
    }
  }
}

type Props = {
  readonly className: string;
  readonly id?: string;
  children: React.ReactNode;
  readonly direction?: string;
  readonly width?: string;
  readonly height?: string;
  readonly behavior?: string;
  readonly style?: React.CSSProperties;
  [key: string]: any;
};

export const Marquee = ({ className, children, style = {}, ...props }: Props) => {
  return (
    <marquee className={className} {...props}>
      {children}
    </marquee>
  );
};