import { jsx as _jsx } from "react/jsx-runtime";
import ChatDropDown from "../components/ChatDropDown";
// import CircularIcon from "../components/CircularIcon";
const meta = {
    title: "DropDown/ChatDropDown",
    component: ChatDropDown,
};
export default meta;
const searchOption = [
    {
        label: "Option 1",
        iconUrl: "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o",
    },
    {
        label: "Option 2",
        iconUrl: "httsssps://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o",
    },
    {
        label: "Option 3",
        iconUrl: "https://media.licdn.com/dms/image/C5603AQHn7tbH46HwRw/profile-displayphoto-shrink_100_100/0/1651460224714?e=1688601600&v=beta&t=Rp0HL0Q-b3zSydvEhWzj67pxqvi5lIRF-ZlLloVru4o",
    },
];
let inputValue = "";
const handleOptionClick = (option) => {
    inputValue = option.label;
};
const handleInputChange = (event) => {
    const value = event.target.value;
    inputValue = value;
};
export const Card = {
    args: {
        value: inputValue,
        filteredOptions: searchOption,
        handleOptionClick: handleOptionClick,
        handleInputChange: handleInputChange,
        renderProps: (props) => (_jsx("div", { style: {
                display: "flex",
                alignItems: "center",
            }, onClick: () => handleOptionClick(props), children: _jsx("span", { children: props.label }) }, props.label)),
    },
};
