Update src/components/sections/metrics/MetricCardEleven.tsx
This commit is contained in:
@@ -7,7 +7,7 @@ import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation"
|
|||||||
import { cls, shouldUseInvertedText } from "@/lib/utils";
|
import { cls, shouldUseInvertedText } from "@/lib/utils";
|
||||||
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";
|
||||||
|
|
||||||
type MediaProps =
|
type MediaProps =
|
||||||
@@ -35,7 +35,7 @@ interface MetricCardElevenProps {
|
|||||||
metrics: Metric[];
|
metrics: Metric[];
|
||||||
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;
|
||||||
@@ -46,9 +46,9 @@ interface MetricCardElevenProps {
|
|||||||
className?: string;
|
className?: string;
|
||||||
containerClassName?: string;
|
containerClassName?: string;
|
||||||
textBoxClassName?: string;
|
textBoxClassName?: 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;
|
||||||
textBoxTagClassName?: string;
|
textBoxTagClassName?: string;
|
||||||
textBoxButtonContainerClassName?: string;
|
textBoxButtonContainerClassName?: string;
|
||||||
@@ -57,7 +57,7 @@ interface MetricCardElevenProps {
|
|||||||
gridClassName?: string;
|
gridClassName?: string;
|
||||||
cardClassName?: string;
|
cardClassName?: string;
|
||||||
valueClassName?: string;
|
valueClassName?: string;
|
||||||
cardTitleClassName?: string;
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||||
cardDescriptionClassName?: string;
|
cardDescriptionClassName?: string;
|
||||||
mediaCardClassName?: string;
|
mediaCardClassName?: string;
|
||||||
mediaClassName?: string;
|
mediaClassName?: string;
|
||||||
@@ -68,7 +68,7 @@ interface MetricTextCardProps {
|
|||||||
shouldUseLightText: boolean;
|
shouldUseLightText: boolean;
|
||||||
cardClassName?: string;
|
cardClassName?: string;
|
||||||
valueClassName?: string;
|
valueClassName?: string;
|
||||||
cardTitleClassName?: string;
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName?: string;
|
||||||
cardDescriptionClassName?: string;
|
cardDescriptionClassName?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -83,7 +83,7 @@ const MetricTextCard = memo(({
|
|||||||
shouldUseLightText,
|
shouldUseLightText,
|
||||||
cardClassName = "",
|
cardClassName = "",
|
||||||
valueClassName = "",
|
valueClassName = "",
|
||||||
cardTitleClassName = "",
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||||
cardDescriptionClassName = "",
|
cardDescriptionClassName = "",
|
||||||
}: MetricTextCardProps) => {
|
}: MetricTextCardProps) => {
|
||||||
return (
|
return (
|
||||||
@@ -103,7 +103,7 @@ const MetricTextCard = memo(({
|
|||||||
<p className={cls(
|
<p className={cls(
|
||||||
"text-xl md:text-2xl font-medium leading-tight truncate",
|
"text-xl md:text-2xl 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}
|
||||||
</p>
|
</p>
|
||||||
@@ -160,9 +160,9 @@ const MetricCardEleven = ({
|
|||||||
className = "",
|
className = "",
|
||||||
containerClassName = "",
|
containerClassName = "",
|
||||||
textBoxClassName = "",
|
textBoxClassName = "",
|
||||||
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 = "",
|
||||||
textBoxTagClassName = "",
|
textBoxTagClassName = "",
|
||||||
textBoxButtonContainerClassName = "",
|
textBoxButtonContainerClassName = "",
|
||||||
@@ -171,7 +171,7 @@ const MetricCardEleven = ({
|
|||||||
gridClassName = "",
|
gridClassName = "",
|
||||||
cardClassName = "",
|
cardClassName = "",
|
||||||
valueClassName = "",
|
valueClassName = "",
|
||||||
cardTitleClassName = "",
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName = "",
|
||||||
cardDescriptionClassName = "",
|
cardDescriptionClassName = "",
|
||||||
mediaCardClassName = "",
|
mediaCardClassName = "",
|
||||||
mediaClassName = "",
|
mediaClassName = "",
|
||||||
@@ -205,9 +205,9 @@ const MetricCardEleven = ({
|
|||||||
textboxLayout={textboxLayout}
|
textboxLayout={textboxLayout}
|
||||||
useInvertedBackground={useInvertedBackground}
|
useInvertedBackground={useInvertedBackground}
|
||||||
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}
|
||||||
@@ -247,7 +247,7 @@ const MetricCardEleven = ({
|
|||||||
cardClassName
|
cardClassName
|
||||||
)}
|
)}
|
||||||
valueClassName={valueClassName}
|
valueClassName={valueClassName}
|
||||||
cardTitleClassName={cardTitleClassName}
|
cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName={cardElevate Your Brand with Expert Copywriting and Content EnhancementClassName}
|
||||||
cardDescriptionClassName={cardDescriptionClassName}
|
cardDescriptionClassName={cardDescriptionClassName}
|
||||||
/>
|
/>
|
||||||
<MetricMediaCard
|
<MetricMediaCard
|
||||||
|
|||||||
Reference in New Issue
Block a user