mirror of
https://github.com/lukevella/rallly.git
synced 2025-07-13 22:47:27 +02:00
♻️ Use cn util (#1589)
This commit is contained in:
parent
05c6cd7735
commit
b8a7e9746b
9 changed files with 23 additions and 24 deletions
|
@ -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,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue