function MainComponent({ influencerData }) { return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen bg-[#121212] p-10 text-white overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 space-y-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#DB7093]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Create Your Own Influencer"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 bg-transparent border-b-2 border-[#DB7093] text-white placeholder-[#DB7093]", placeholder: "Image URL", type: "text", name: "imageUrl", value: influencerData.imageUrl, onChange: ()=>{}, __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "imageUpload", className: "block w-full text-sm text-[#DB7093] file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-[#DB7093] file:text-[#121212]", accept: "image/*", onChange: ()=>{}, __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 bg-transparent border-b-2 border-[#DB7093] text-white placeholder-[#DB7093]", placeholder: "Name", type: "text", name: "name", value: influencerData.name, onChange: ()=>{}, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 bg-transparent border-b-2 border-[#DB7093] text-white placeholder-[#DB7093]", placeholder: "Role", type: "text", name: "role", value: influencerData.role, onChange: ()=>{}, __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 bg-transparent border-b-2 border-[#DB7093] text-white placeholder-[#DB7093]", placeholder: "Short Biography", name: "bio", value: influencerData.bio, onChange: ()=>{}, __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 bg-transparent border-b-2 border-[#DB7093] text-white placeholder-[#DB7093]", placeholder: "Section Description", type: "text", name: "description", value: influencerData.description, onChange: ()=>{}, __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 ml-10", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: influencerData.imageUrl || 'path/to/placeholder.jpg', alt: "Influencer Profile Picture", className: "w-[200px] h-[200px] rounded-full object-cover", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-lg", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, influencerData.name || 'Name'), /*#__PURE__*/ React.createElement("p", { className: "text-[#DB7093]", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, influencerData.role || 'Role'), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, influencerData.bio || 'Short biography goes here.'), /*#__PURE__*/ React.createElement("p", { className: "text-[#9370DB]", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, influencerData.description || 'Section description goes here.'))))); } function StoryComponent() { const influencerMockData = { imageUrl: "https://example.com/path/to/image.jpg", name: "Alex Doe", role: "Fashion Blogger", bio: "Passionate about sustainable fashion and thrifting. Join me on my fashion journey.", description: "Creating unique and sustainable fashion content." }; return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 82, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { influencerData: influencerMockData, __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this })); }