From f39e1345b3e87627e0fdfd9f340ae4b23d9c1a54 Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Sat, 10 May 2025 15:42:54 +0000
Subject: [PATCH] Use classNames util function

---
 quartz/components/Flex.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/quartz/components/Flex.tsx b/quartz/components/Flex.tsx
index a2865e70c..70d214965 100644
--- a/quartz/components/Flex.tsx
+++ b/quartz/components/Flex.tsx
@@ -1,4 +1,5 @@
 import { concatenateResources } from "../util/resources"
+import { classNames } from "../util/lang"
 import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
 
 type FlexConfig = {
@@ -21,11 +22,10 @@ export default ((config: FlexConfig) => {
     const direction = config.direction ?? "row"
     const wrap = config.wrap ?? "nowrap"
     const gap = config.gap ?? "1rem"
-    const displayClass = `${props.displayClass ?? ""} flex-component`
 
     return (
       <div
-        class={`${displayClass}`}
+        class={classNames(props.displayClass, "flex-component")}
         style={`flex-direction: ${direction}; flex-wrap: ${wrap}; gap: ${gap};`}
       >
         {config.components.map((c) => {