development/43e4aa20-c65e-460c-ad08-288073e1abd8
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/components/sections/metrics/MetricCardFour.tsx

Browse Source
This commit is contained in:
development
2026-01-03 14:04:34 +00:00
parent 166b410528
commit 094bbbe78b
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/sections/metrics/MetricCardFour.tsx
View File

@@ -4,7 +4,7 @@ import TimelineHorizontalCardStack from "@/components/cardStack/layouts/timeline
import { cls, shouldUseInvertedText } from "@/lib/utils";
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
import type { LucideIcon } from "lucide-react";
import type { ButtonConfig, TitleSegment } from "@/components/cardStack/types";
import type { ButtonConfig, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
type Metric = {
@@ -22,7 +22,7 @@ type Metric = {
interface MetricCardFourProps {
metrics: Metric[];
title: string;
titleSegments?: TitleSegment[];
titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
description: string;
tag?: string;
tagIcon?: LucideIcon;
@@ -32,7 +32,7 @@ interface MetricCardFourProps {
ariaLabel?: string;
className?: string;
containerClassName?: string;
textBoxTitleClassName?: string;
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxDescriptionClassName?: string;
textBoxClassName?: string;
textBoxTagClassName?: string;
@@ -46,7 +46,7 @@ interface MetricCardFourProps {
cardContentClassName?: string;
iconContainerClassName?: string;
iconClassName?: string;
metricTitleClassName?: string;
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
valueClassName?: string;
mediaContainerClassName?: string;
mediaClassName?: string;
@@ -65,7 +65,7 @@ const MetricCardFour = ({
ariaLabel = "Metrics section",
className = "",
containerClassName = "",
textBoxTitleClassName = "",
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxDescriptionClassName = "",
textBoxClassName = "",
textBoxTagClassName = "",
@@ -79,7 +79,7 @@ const MetricCardFour = ({
cardContentClassName = "",
iconContainerClassName = "",
iconClassName = "",
metricTitleClassName = "",
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
valueClassName = "",
mediaContainerClassName = "",
mediaClassName = "",
@@ -106,7 +106,7 @@ const MetricCardFour = ({
mediaItems={mediaItems}
className={className}
containerClassName={containerClassName}
titleClassName={textBoxTitleClassName}
titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
descriptionClassName={textBoxDescriptionClassName}
textBoxClassName={textBoxClassName}
tagClassName={textBoxTagClassName}
@@ -130,7 +130,7 @@ const MetricCardFour = ({
<div className={cls("h-8 primary-button aspect-square rounded-theme flex items-center justify-center", iconContainerClassName)}>
<metric.icon className={cls("h-4/10 text-background", iconClassName)} strokeWidth={1.5} />
</div>
<h3 className={cls("text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricTitleClassName)}>
<h3 className={cls("text-xl truncate", shouldUseLightText ? "text-background" : "text-foreground", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
{metric.title}
</h3>
</div>