49 lines
1.1 KiB
TypeScript
49 lines
1.1 KiB
TypeScript
import Stack from "@mui/material/Stack";
|
|
import Typography from "@mui/material/Typography";
|
|
import { Check } from "lucide-react";
|
|
import { useTheme } from "@mui/material/styles";
|
|
import { LAYOUT } from "@/Utils/Theme/constants";
|
|
|
|
export const BulletPointCheck = ({
|
|
text,
|
|
variant = "info",
|
|
}: {
|
|
text: string;
|
|
noHighlightText?: string;
|
|
variant?: "success" | "error" | "info";
|
|
}) => {
|
|
const theme = useTheme();
|
|
const colors: Record<string, string | undefined> = {
|
|
success: theme.palette.success.main,
|
|
error: theme.palette.error.main,
|
|
info: theme.palette.text.secondary,
|
|
};
|
|
|
|
return (
|
|
<Stack
|
|
direction="row"
|
|
gap={theme.spacing(LAYOUT.SM)}
|
|
alignItems="center"
|
|
>
|
|
<Check
|
|
size={16}
|
|
strokeWidth={1.5}
|
|
color={variant === "info" ? theme.palette.text.secondary : colors[variant]}
|
|
style={{
|
|
flexShrink: 0,
|
|
}}
|
|
/>
|
|
<Typography
|
|
component="span"
|
|
color={variant === "info" ? theme.palette.text.secondary : colors[variant]}
|
|
fontWeight={450}
|
|
sx={{
|
|
opacity: 0.9,
|
|
}}
|
|
>
|
|
{text}
|
|
</Typography>
|
|
</Stack>
|
|
);
|
|
};
|