function AiInterviewButton({ text, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-600 text-white font-roboto py-2 px-4 rounded mb-2", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-microphone mr-2", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), text); } function AiInterviewButtonStory() { const handleClick = ()=>{ alert('AI Voice Assistant triggered'); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiInterviewButton, { text: "Start Interview", onClick: handleClick, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isInterviewing, setIsInterviewing] = React.useState(false); const [log, setLog] = React.useState([]); const questions = [ "Tell us about yourself.", "What is your biggest strength?", "What is your biggest weakness?" ]; const startInterview = ()=>{ setIsInterviewing(true); setLog([]); logQuestion(0); }; const stopInterview = ()=>{ setIsInterviewing(false); }; const logQuestion = (index)=>{ if (index < questions.length) { setLog((prevLog)=>[ ...prevLog, { type: "question", text: questions[index] } ]); } }; const logAnswer = (text)=>{ setLog((prevLog)=>[ ...prevLog, { type: "answer", text } ]); const nextQuestionIndex = log.filter((entry)=>entry.type === "question").length; if (nextQuestionIndex < questions.length) { logQuestion(nextQuestionIndex); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg w-full max-w-[600px] p-6", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "AI Interview Assistant"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-roboto mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "Welcome! I will be conducting your interview today. Please answer the questions clearly into your microphone."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(AiInterviewButton, { text: "Start Interview", onClick: startInterview, disabled: isInterviewing, __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(AiInterviewButton, { text: "Stop Interview", onClick: stopInterview, className: "bg-red-500 hover:bg-red-600", disabled: !isInterviewing, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-200 p-4 rounded w-full max-h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Interview Log"), /*#__PURE__*/ React.createElement("ul", { className: "font-roboto text-gray-800", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, log.map((entry, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, entry.type === 'question' ? 'Q:' : 'Answer:'), " ", entry.text))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, ` @media (max-width: 640px) { .bg-white { width: 100%; } } `)); }