30 lines
605 B
React
30 lines
605 B
React
import { Box } from "@mui/material";
|
|
import PropTypes from "prop-types";
|
|
import { useTheme } from "@emotion/react";
|
|
const CircularCount = ({ count }) => {
|
|
const theme = useTheme();
|
|
return (
|
|
<Box
|
|
component="span"
|
|
color={theme.palette.tertiary.contrastText}
|
|
border={2}
|
|
borderColor={theme.palette.accent.main}
|
|
backgroundColor={theme.palette.tertiary.main}
|
|
sx={{
|
|
padding: ".25em .75em",
|
|
borderRadius: "50rem",
|
|
fontSize: "12px",
|
|
fontWeight: 500,
|
|
}}
|
|
>
|
|
{count}
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
CircularCount.propTypes = {
|
|
count: PropTypes.number,
|
|
};
|
|
|
|
export default CircularCount;
|