function InteractiveModernButtons({ children, className, ...props }) { return /*#__PURE__*/ React.createElement("button", { className: `px-8 py-4 text-white text-lg font-semibold rounded-lg bg-clip-border bg-gradient-to-r from-red-500 to-blue-500 hover:from-blue-500 hover:to-red-500 active:transform active:translate-y-[2px] focus:outline-none ${className}`, ...props, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function InteractiveModernButtonsStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(InteractiveModernButtons, { className: "mt-8", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "Start Now"), /*#__PURE__*/ React.createElement(InteractiveModernButtons, { className: "mt-8", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, "Click Me")); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#1a1a1a]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[100px] font-bold bg-clip-text text-transparent bg-gradient-to-r from-red-500 via-yellow-500 to-blue-700", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "AICU"), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-2xl font-semibold bg-clip-text text-transparent bg-gradient-to-r from-red-400 to-blue-500", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "create people who create"), /*#__PURE__*/ React.createElement(InteractiveModernButtons, { className: "mt-8", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "Start Now")); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); }