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

This commit is contained in:
2026-01-03 14:04:37 +00:00
parent 3593e80b5c
commit 367d911a52

View File

@@ -7,7 +7,7 @@ import { cls, shouldUseInvertedText } from "@/lib/utils";
import { getButtonProps } from "@/lib/buttonUtils"; import { getButtonProps } from "@/lib/buttonUtils";
import { useTheme } from "@/providers/themeProvider/ThemeProvider"; import { useTheme } from "@/providers/themeProvider/ThemeProvider";
import type { LucideIcon } from "lucide-react"; import type { LucideIcon } from "lucide-react";
import type { ButtonConfig, CardAnimationType, TitleSegment } from "@/components/cardStack/types"; import type { ButtonConfig, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants"; import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
import type { CTAButtonVariant } from "@/components/button/types"; import type { CTAButtonVariant } from "@/components/button/types";
@@ -26,7 +26,7 @@ interface MetricCardTenProps {
uniformGridCustomHeightClasses?: string; uniformGridCustomHeightClasses?: string;
animationType: CardAnimationType; animationType: CardAnimationType;
title: string; title: string;
titleSegments?: TitleSegment[]; titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
description: string; description: string;
tag?: string; tag?: string;
tagIcon?: LucideIcon; tagIcon?: LucideIcon;
@@ -37,11 +37,11 @@ interface MetricCardTenProps {
className?: string; className?: string;
containerClassName?: string; containerClassName?: string;
cardClassName?: string; cardClassName?: string;
textBoxTitleClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
textBoxTitleImageWrapperClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
textBoxTitleImageClassName?: string; textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
textBoxDescriptionClassName?: string; textBoxDescriptionClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
subtitleClassName?: string; subtitleClassName?: string;
categoryClassName?: string; categoryClassName?: string;
valueClassName?: string; valueClassName?: string;
@@ -63,7 +63,7 @@ interface MetricCardItemProps {
shouldUseLightText: boolean; shouldUseLightText: boolean;
defaultButtonVariant: CTAButtonVariant; defaultButtonVariant: CTAButtonVariant;
cardClassName?: string; cardClassName?: string;
cardTitleClassName?: string; cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
subtitleClassName?: string; subtitleClassName?: string;
categoryClassName?: string; categoryClassName?: string;
valueClassName?: string; valueClassName?: string;
@@ -77,7 +77,7 @@ const MetricCardItem = memo(({
shouldUseLightText, shouldUseLightText,
defaultButtonVariant, defaultButtonVariant,
cardClassName = "", cardClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
subtitleClassName = "", subtitleClassName = "",
categoryClassName = "", categoryClassName = "",
valueClassName = "", valueClassName = "",
@@ -92,7 +92,7 @@ const MetricCardItem = memo(({
<h3 className={cls( <h3 className={cls(
"text-2xl md:text-3xl font-medium leading-tight truncate", "text-2xl md:text-3xl font-medium leading-tight truncate",
shouldUseLightText ? "text-background" : "text-foreground", shouldUseLightText ? "text-background" : "text-foreground",
cardTitleClassName cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName
)}> )}>
{metric.title} {metric.title}
</h3> </h3>
@@ -158,11 +158,11 @@ const MetricCardTen = ({
className = "", className = "",
containerClassName = "", containerClassName = "",
cardClassName = "", cardClassName = "",
textBoxTitleClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
textBoxTitleImageWrapperClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
textBoxTitleImageClassName = "", textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
textBoxDescriptionClassName = "", textBoxDescriptionClassName = "",
cardTitleClassName = "", cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
subtitleClassName = "", subtitleClassName = "",
categoryClassName = "", categoryClassName = "",
valueClassName = "", valueClassName = "",
@@ -203,9 +203,9 @@ const MetricCardTen = ({
carouselClassName={carouselClassName} carouselClassName={carouselClassName}
controlsClassName={controlsClassName} controlsClassName={controlsClassName}
textBoxClassName={textBoxClassName} textBoxClassName={textBoxClassName}
titleClassName={textBoxTitleClassName} titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
titleImageWrapperClassName={textBoxTitleImageWrapperClassName} titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
titleImageClassName={textBoxTitleImageClassName} titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
descriptionClassName={textBoxDescriptionClassName} descriptionClassName={textBoxDescriptionClassName}
tagClassName={textBoxTagClassName} tagClassName={textBoxTagClassName}
buttonContainerClassName={textBoxButtonContainerClassName} buttonContainerClassName={textBoxButtonContainerClassName}
@@ -221,7 +221,7 @@ const MetricCardTen = ({
shouldUseLightText={shouldUseLightText} shouldUseLightText={shouldUseLightText}
defaultButtonVariant={theme.defaultButtonVariant} defaultButtonVariant={theme.defaultButtonVariant}
cardClassName={cardClassName} cardClassName={cardClassName}
cardTitleClassName={cardTitleClassName} cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
subtitleClassName={subtitleClassName} subtitleClassName={subtitleClassName}
categoryClassName={categoryClassName} categoryClassName={categoryClassName}
valueClassName={valueClassName} valueClassName={valueClassName}