Update src/components/sections/metrics/MetricCardSix.tsx
This commit is contained in:
@@ -6,7 +6,7 @@ import Tag from "@/components/shared/Tag";
|
||||
import { cls, shouldUseInvertedText } from "@/lib/utils";
|
||||
import { useTheme } from "@/providers/themeProvider/ThemeProvider";
|
||||
import type { LucideIcon } from "lucide-react";
|
||||
import type { ButtonConfig, GridVariant, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
|
||||
import type { ButtonConfig, GridVariant, CardAnimationType, Elevate Your Brand with Expert Copywriting and Content EnhancementSegment } from "@/components/cardStack/types";
|
||||
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
|
||||
|
||||
type Metric = {
|
||||
@@ -24,7 +24,7 @@ interface MetricCardSixProps {
|
||||
uniformGridCustomHeightClasses?: string;
|
||||
animationType: CardAnimationType;
|
||||
title: string;
|
||||
titleSegments?: TitleSegment[];
|
||||
titleSegments?: Elevate Your Brand with Expert Copywriting and Content EnhancementSegment[];
|
||||
description: string;
|
||||
tag?: string;
|
||||
tagIcon?: LucideIcon;
|
||||
@@ -35,13 +35,13 @@ interface MetricCardSixProps {
|
||||
className?: string;
|
||||
containerClassName?: string;
|
||||
cardClassName?: string;
|
||||
textBoxTitleClassName?: string;
|
||||
textBoxTitleImageWrapperClassName?: string;
|
||||
textBoxTitleImageClassName?: string;
|
||||
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName?: string;
|
||||
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName?: string;
|
||||
textBoxDescriptionClassName?: string;
|
||||
valueClassName?: string;
|
||||
metricTagClassName?: string;
|
||||
metricTitleClassName?: string;
|
||||
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||
gridClassName?: string;
|
||||
carouselClassName?: string;
|
||||
controlsClassName?: string;
|
||||
@@ -59,7 +59,7 @@ interface MetricCardItemProps {
|
||||
cardClassName?: string;
|
||||
valueClassName?: string;
|
||||
metricTagClassName?: string;
|
||||
metricTitleClassName?: string;
|
||||
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||
}
|
||||
|
||||
const MetricCardItem = memo(({
|
||||
@@ -69,7 +69,7 @@ const MetricCardItem = memo(({
|
||||
cardClassName = "",
|
||||
valueClassName = "",
|
||||
metricTagClassName = "",
|
||||
metricTitleClassName = "",
|
||||
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||
}: MetricCardItemProps) => {
|
||||
return (
|
||||
<div className={cls("relative h-full card text-foreground rounded-theme-capped p-6 flex flex-col justify-between gap-4", cardClassName)}>
|
||||
@@ -80,7 +80,7 @@ const MetricCardItem = memo(({
|
||||
useInvertedBackground={useInvertedBackground}
|
||||
className={metricTagClassName}
|
||||
/>
|
||||
<p className={cls("relative z-1 text-3xl", shouldUseLightText ? "text-background" : "text-foreground", metricTitleClassName)}>
|
||||
<p className={cls("relative z-1 text-3xl", shouldUseLightText ? "text-background" : "text-foreground", metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName)}>
|
||||
{metric.title}
|
||||
</p>
|
||||
</div>
|
||||
@@ -111,13 +111,13 @@ const MetricCardSix = ({
|
||||
className = "",
|
||||
containerClassName = "",
|
||||
cardClassName = "",
|
||||
textBoxTitleClassName = "",
|
||||
textBoxTitleImageWrapperClassName = "",
|
||||
textBoxTitleImageClassName = "",
|
||||
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName = "",
|
||||
textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName = "",
|
||||
textBoxDescriptionClassName = "",
|
||||
valueClassName = "",
|
||||
metricTagClassName = "",
|
||||
metricTitleClassName = "",
|
||||
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||
gridClassName = "",
|
||||
carouselClassName = "",
|
||||
controlsClassName = "",
|
||||
@@ -151,9 +151,9 @@ const MetricCardSix = ({
|
||||
carouselClassName={carouselClassName}
|
||||
controlsClassName={controlsClassName}
|
||||
textBoxClassName={textBoxClassName}
|
||||
titleClassName={textBoxTitleClassName}
|
||||
titleImageWrapperClassName={textBoxTitleImageWrapperClassName}
|
||||
titleImageClassName={textBoxTitleImageClassName}
|
||||
titleClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
|
||||
titleImageWrapperClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageWrapperClassName}
|
||||
titleImageClassName={textBoxElevate Your Brand with Expert Copywriting and Content EnhancementImageClassName}
|
||||
descriptionClassName={textBoxDescriptionClassName}
|
||||
tagClassName={textBoxTagClassName}
|
||||
buttonContainerClassName={textBoxButtonContainerClassName}
|
||||
@@ -170,7 +170,7 @@ const MetricCardSix = ({
|
||||
cardClassName={cardClassName}
|
||||
valueClassName={valueClassName}
|
||||
metricTagClassName={metricTagClassName}
|
||||
metricTitleClassName={metricTitleClassName}
|
||||
metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName={metricElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
|
||||
/>
|
||||
))}
|
||||
</CardStack>
|
||||
|
||||
Reference in New Issue
Block a user