From 3cf979f0edcc3783aa524203c1d48fcdc83c1647 Mon Sep 17 00:00:00 2001
From: Glen Huang <me@glenhuang.com>
Date: Fri, 19 Sep 2025 22:29:18 +0800
Subject: [PATCH] ui/divider: use css modules

---
 .../components/Divider/{Divider.css => Divider.module.css}   | 0
 pkgs/clan-app/ui/src/components/Divider/Divider.tsx          | 5 ++---
 2 files changed, 2 insertions(+), 3 deletions(-)
 rename pkgs/clan-app/ui/src/components/Divider/{Divider.css => Divider.module.css} (100%)

diff --git a/pkgs/clan-app/ui/src/components/Divider/Divider.css b/pkgs/clan-app/ui/src/components/Divider/Divider.module.css
similarity index 100%
rename from pkgs/clan-app/ui/src/components/Divider/Divider.css
rename to pkgs/clan-app/ui/src/components/Divider/Divider.module.css
diff --git a/pkgs/clan-app/ui/src/components/Divider/Divider.tsx b/pkgs/clan-app/ui/src/components/Divider/Divider.tsx
index e59f031a6..94b3f0594 100644
--- a/pkgs/clan-app/ui/src/components/Divider/Divider.tsx
+++ b/pkgs/clan-app/ui/src/components/Divider/Divider.tsx
@@ -1,10 +1,9 @@
-import "./Divider.css";
+import styles from "./Divider.module.css";
 import cx from "classnames";
 import { Separator, SeparatorRootProps } from "@kobalte/core/separator";
 
 export interface DividerProps extends Pick<SeparatorRootProps, "orientation"> {
   inverted?: boolean;
-  class?: string;
 }
 
 export const Divider = (props: DividerProps) => {
@@ -12,7 +11,7 @@ export const Divider = (props: DividerProps) => {
 
   return (
     <Separator
-      class={cx({ inverted: inverted }, props?.class)}
+      class={cx({ [styles.inverted]: inverted })}
       orientation={props.orientation}
     />
   );