init

components/mdx/Aside.tsx

@@ -0,0 +1,29 @@
+import { cn } from "@/lib/utils";
+
+interface AsideProps {
+  icon?: string;
+  children?: React.ReactNode;
+  type?: "default" | "warning" | "danger";
+}
+
+export function Aside({
+  children,
+  icon,
+  type = "default",
+  ...props
+}: AsideProps) {
+  return (
+    <div
+      className={cn(
+        "flex border-5 py-3 px-4 ms-2 ms-md-0 my-10 rounded rounded-1 shadow",
+        "bg-[#6edff633] border-[#6edff633] border-l-[#f6ef6e]"
+      )}
+      {...props}
+    >
+      <div className="rounded rounded-1 text-center h-8 w-8 bg-[#6edff6] text-2xl relative top-[-30px] left-[-30px]">
+        {icon || "💡"}
+      </div>
+      <div>{children}</div>
+    </div>
+  );
+}