import React, {FC, PropsWithChildren} from "react";
import {ColorOptionWithCustomTint, request} from "./Color";

export type CardItemMainValueProps = ColorOptionWithCustomTint & {
}

export const CardItemMainValue: FC<CardItemMainValueProps & PropsWithChildren> = ({color, children}) => {
    return <div className={`text-base leading-5 ${request(color, 'card-main-value').get('text.dark.primary')}`}>
        {children}
    </div>;
}