♻️ Use cn util (#1589)

This commit is contained in:
Luke Vella 2025-02-28 11:02:28 +00:00 committed by GitHub
parent 05c6cd7735
commit b8a7e9746b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 23 additions and 24 deletions

View file

@ -1,4 +1,4 @@
import clsx from "clsx";
import { cn } from "@rallly/ui";
import { useTranslation } from "next-i18next";
import React from "react";
@ -16,7 +16,7 @@ const Steps: React.FunctionComponent<StepsProps> = ({
const { t } = useTranslation();
return (
<div className={clsx("inline-flex items-center gap-2.5", className)}>
<div className={cn("inline-flex items-center gap-2.5", className)}>
<div className="text-sm font-medium tracking-tight">
{t("stepSummary", {
current: current + 1,
@ -28,7 +28,7 @@ const Steps: React.FunctionComponent<StepsProps> = ({
return (
<span
key={i}
className={clsx("h-2 w-2 rounded-full transition-all", {
className={cn("h-2 w-2 rounded-full transition-all", {
"bg-primary-400": i <= current,
"bg-gray-300": i > current,
"ring-primary-200 animate-pulse ring-4": i === current,