import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useEffect, useState } from "react";
import { CheckboxComponent, ToggleComponent } from "..";
import Dropdown from "../Dropdown";
import TextArea from "../TextArea";
import "./style.scss";
const AIAssistant = ({}) => {
    const [greetingsCount, setGreetingsCount] = useState(0);
    const [greetText, setGreetText] = useState("");
    const [proposition, setProposition] = useState(0);
    const [propoText, setPropoText] = useState("");
    const [accomplishments, setAccomplishments] = useState(0);
    const [accomText, setAccompText] = useState("");
    const [signature, setSignature] = useState(0);
    const [signText, setSignText] = useState("");
    const LIMIT = 300;
    const [dropDownValue, setDropDownValue] = useState('');
    useEffect(() => { }, [
        greetText,
        propoText,
        accomText,
        signText
    ]);
    const hangleToggle = () => {
        alert("Toggle Clicked!");
    };
    const hangleCheckbox = () => {
        alert("Checked Changed!");
    };
    useEffect(() => {
        alert(dropDownValue);
    }, [dropDownValue]);
    useEffect(() => {
        alert(dropDownValue);
    }, [dropDownValue]);
    return (_jsxs("div", { className: 'main--card--ai', children: [_jsxs("div", { className: 'title-bar--ai', children: [_jsxs("div", { children: [_jsx("span", { children: "AI Asssistant" }), _jsx(Dropdown, { dropdownOnClickHandler: (value) => { setDropDownValue(value); } })] }), _jsx("span", { className: 'title-text', children: "Type the input here to get AI Generated message" })] }), _jsxs("div", { className: 'greet', children: [_jsxs("div", { className: 'greetings', children: [_jsx("span", { children: "GREETINGS" }), _jsxs("div", { className: 'auto', children: [_jsx(ToggleComponent, { initialState: false, onClick: hangleToggle, sizeVariant: 'sm' }), _jsx("span", { style: { padding: '4px 10px' }, children: "AUTO GENERATED" })] })] }), _jsx(TextArea, { text: (val) => setGreetText(val), characterCount: (value) => setGreetingsCount(value), limit: LIMIT }), _jsxs("div", { className: 'greetCount', children: [greetingsCount, "/", LIMIT] })] }), _jsxs("div", { className: 'propo', children: [_jsx("span", { children: "Value Proposition & Key Details *" }), _jsx(TextArea, { text: (val) => setPropoText(val), characterCount: (value) => setProposition(value), limit: LIMIT }), _jsxs("div", { className: 'propositionCount', children: [_jsxs("div", { children: [_jsx(CheckboxComponent, { checked: false, onClick: hangleCheckbox }), _jsx("span", { style: { paddingLeft: '8px' }, children: "Apply to All candidates" })] }), proposition, "/", LIMIT] })] }), _jsxs("div", { className: 'accomp', children: [_jsx("span", { children: "Candidate\u2019s Accomplishments *" }), _jsx(TextArea, { text: (val) => setAccompText(val), characterCount: (value) => setAccomplishments(value), limit: LIMIT }), _jsxs("div", { className: 'accompCount', children: [accomplishments, "/", LIMIT] })] }), _jsxs("div", { className: 'sign', children: [_jsx("span", { children: "Signature" }), _jsx(TextArea, { text: (val) => setSignText(val), characterCount: (value) => setSignature(value), limit: LIMIT }), _jsxs("div", { className: 'signCount', children: [signature, "/", LIMIT] })] })] }));
};
export default AIAssistant;
