mirror of
https://github.com/vernu/textbee.git
synced 2026-04-25 17:30:18 -04:00
32 lines
648 B
TypeScript
32 lines
648 B
TypeScript
import {
|
|
Stat,
|
|
StatLabel,
|
|
StatNumber,
|
|
useColorModeValue,
|
|
} from '@chakra-ui/react'
|
|
import React from 'react'
|
|
|
|
export default function UserStatsCard({ ...props }) {
|
|
const { title, stat } = props
|
|
return (
|
|
<Stat
|
|
px={{ base: 4, md: 8 }}
|
|
py={'5'}
|
|
shadow={'xl'}
|
|
border={'1px solid'}
|
|
borderColor={useColorModeValue('gray.800', 'gray.500')}
|
|
rounded={'lg'}
|
|
style={{
|
|
height: '90px'
|
|
}}
|
|
>
|
|
<StatLabel fontWeight={'medium'} isTruncated>
|
|
{title}
|
|
</StatLabel>
|
|
<StatNumber fontSize={'md'} fontWeight={'bold'}>
|
|
{stat}
|
|
</StatNumber>
|
|
</Stat>
|
|
)
|
|
}
|