import { jsx as _jsx } from "react/jsx-runtime";
// import { useState } from "react";
// import { PrimaryButton, RectangularSvgButton } from "..";
// import NumberStringInput from "../NumberStringInput";
// import "./style.scss";
// interface RoundSettingModalProps {
//   roundname: string;
// }
// const RoundSettingModal: React.FC<RoundSettingModalProps> = ({
//   roundname = "ROUND 2",
// }) => {
//   const [ddValue, setDdValue] = useState("");
//   const [hours, setHours] = useState(0);
//   const [days, setDays] = useState(0);
//   const handleCross = () => {
//     alert("Canceled!");
//   };
//   const handleHours = (val: number) => {
//     setHours(val);
//     alert(`Hours : ${val}`);
//   };
//   const handleDays = (val: number) => {
//     setDays(val);
//     alert(`Days : ${val}`);
//   };
//   const handleApply = () => {
//     alert(`DropDown Value: ${ddValue} \nDays: ${days} \nHours: ${hours}`);
//   };
//   return (
//     <div className="main-modal">
//       <div className="title-div">
//         <span>Round settings</span>
//         <RectangularSvgButton
//           onClick={handleCross}
//           iconSize="18"
//           color={"gray"}
//           variant={"tertiary"}
//           iconType={"cross"}
//           sizeVariant={"sm"}
//         />
//       </div>
//       <div className="round">
//         <span> {roundname} </span>
//       </div>
//       <div className="channel">
//         <span> CHANNEL </span>
//         <div>
//           {/* <DropdownWithSvg
//             dropdownOnClickHandler={(val: string) => {
//               setDdValue(val);
//             }}
//             width={332}
//           /> */}
//         </div>
//         <span className="time"> TIME TO SEND (AFTER LAST MESSAGE) </span>
//         <div className="time-div">
//           <NumberStringInput
//             unit="days"
//             handleChange={(val: number) => handleDays(val)}
//           />
//           <NumberStringInput
//             handleChange={(val: number) => handleHours(val)}
//             unit="hours"
//           />
//         </div>
//       </div>
//       <div className="btn-apply">
//         <PrimaryButton
//           width="235px"
//           sizeVariant="sm"
//           text={"Apply"}
//           colorVariant={"orange"}
//           onClick={handleApply}
//         />
//       </div>
//     </div>
//   );
// };
// export default RoundSettingModal;
const RoundSettingModal = () => {
    return _jsx("div", { children: "RoundSettingModal" });
};
export default RoundSettingModal;
