function FigmaDashboardCreator({ onButtonClick }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex items-center mb-8 w-full px-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/figma-logo.png", alt: "Figma logo", className: "w-[50px] h-[50px]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-semibold font-roboto flex-1 text-center", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Welcome to Insights Dashboard")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>onButtonClick('Create New Dashboard'), className: "px-6 py-3 mb-4 bg-blue-600 text-white text-lg font-semibold rounded-md", name: "create-new-dashboard", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Create New Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>onButtonClick('Choose Template'), className: "px-6 py-3 mb-4 bg-green-600 text-white text-lg font-semibold rounded-md", name: "choose-template", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Choose Template"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-gray-600 font-roboto mt-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Get real-time insights into your design projects."))); } function FigmaDashboardCreatorStory() { const handleButtonClick = (message)=>{ alert(message); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FigmaDashboardCreator, { onButtonClick: handleButtonClick, __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleButtonClick = (action)=>{ console.log(`${action} button clicked`); }; return /*#__PURE__*/ React.createElement(FigmaDashboardCreator, { onButtonClick: handleButtonClick, __source: { fileName: "", lineNumber: 6, columnNumber: 10 }, __self: this }); }