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

export type CartItemSecondaryValueProps = ColorOptionWithCustomTint & {
    classNames?: string;
}


export const CardItemSecondaryValue: FC<CartItemSecondaryValueProps & PropsWithChildren> = ({
                                                                                                color,
                                                                                                children,
                                                                                                classNames
                                                                                            }) => {
    return <div
        className={`text-smaller-1 leading-3 ${request(color, 'card-secondary-value').get('text.dark.secondary')} ${classNames || ''} whitespace-nowrap`}>
        {children}
    </div>
}