import React from "react";
import "./index.scss";

interface DropdownMenuProps {
  children: React.ReactNode;
  position?: "left" | "right";
}

const DropdownMenu = ({ children, position = "left" }: DropdownMenuProps) => {
  let props: React.HTMLAttributes<HTMLDivElement> = {
    className: "ts-dropdown",
  };

  if (position === "left") {
    props = { ...props, style: { left: "0rem" } };
  } else if (position === "right") {
    props = { ...props, style: { right: "0rem" } };
  }

  return (
    <div {...props}>
      <div className="ts-dropdown-content">{children}</div>
    </div>
  );
};

export default DropdownMenu;