Fix header and make content scroll on overflow

2025-08-30 23:17:10 +02:00
parent 45a02b84f2
commit 4926c3b388
5 changed files with 37 additions and 33 deletions
@@ -1,17 +1,14 @@
-import classNames from "classnames/bind";
+import classNames from "classnames";

 import style from "./style.module.css";

-const styles = {
-    container: style.container,
-    active: style.active,
-};
-
-const cx = classNames.bind(styles);
-
-export default function CardHeader({ icon, content, isActive = false }) {
+export default function CardHeader({ icon, content, active = false }) {
    return (
-        <div className={cx("container", { active: isActive })}>
+        <div
+            className={classNames(style.container, {
+                [`${style.active}`]: active,
+            })}
+        >
            <div className={style.title}>
                <div className={style.icon}>{icon}</div>
                <div className={style.content}>{content}</div>