function SasaLabDisplay({ bgColor = "#121212", mainText = "SASA LAB", overlayText = "create people who create" }) { const mainTextClasses = "font-bold text-transparent bg-clip-text bg-gradient-to-r from-purple-400 via-pink-500 to-red-500"; const overlayTextClasses = "font-crimson-text text-[#ffffff] absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 -rotate-[15deg] text-[80px] lg:text-[120px]"; const artisticBorderClasses = "w-full h-[10px] rounded border-0 bg-gradient-to-r from-yellow-400 via-green-500 to-blue-500"; return /*#__PURE__*/ React.createElement("div", { className: `bg-[${bgColor}] w-full h-screen flex flex-col justify-center items-center p-4`, __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full max-w-[300px] lg:max-w-[800px]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: overlayTextClasses, __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, overlayText), /*#__PURE__*/ React.createElement("h1", { className: `${mainTextClasses} sm:text-[120px] text-[80px] lg:text-[300px]`, __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, mainText), /*#__PURE__*/ React.createElement("div", { className: artisticBorderClasses + " mt-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: artisticBorderClasses + " mt-1", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }))); } function SasaLabDisplayStory() { return /*#__PURE__*/ React.createElement(SasaLabDisplay, { __source: { fileName: "", lineNumber: 19, columnNumber: 10 }, __self: this }); } function MainComponent() { return /*#__PURE__*/ React.createElement(SasaLabDisplay, { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); }