import { jsx as _jsx } from "react/jsx-runtime";
import { Stack } from '@mui/material';
import { useTheme } from '@mui/material/styles';
const Decorator = ({ type }) => {
    const theme = useTheme();
    const colorMap = {
        promoter: theme.palette.new.graphics.success[700],
        detractor: theme.palette.new.graphics.error[600],
        neutral: theme.palette.new.graphics.warning[600],
    };
    return (_jsx(Stack, { sx: {
            width: 16,
            height: 16,
            borderRadius: '50%',
            backgroundColor: colorMap[type],
            border: `2px solid ${theme.palette.new.border.neutral.default}`,
        } }));
};
export default Decorator;
