27 lines
544 B
TypeScript
27 lines
544 B
TypeScript
import classNames from 'classnames';
|
|
|
|
export const Stat = ({
|
|
value,
|
|
text,
|
|
highlight,
|
|
}: {
|
|
value: string | number;
|
|
text?: string;
|
|
highlight?: boolean;
|
|
}) => {
|
|
return (
|
|
<p className="pt-3 leading-none first:pt-6">
|
|
<span
|
|
className={classNames('inline-block text-3xl leading-none', {
|
|
'text-transparent bg-rainbow bg-clip-text': highlight,
|
|
})}
|
|
>
|
|
{value}
|
|
</span>
|
|
{text && (
|
|
<small className="block mt-0.5 text-xs text-muted">{text}</small>
|
|
)}
|
|
</p>
|
|
);
|
|
};
|