import { Flex, MantineColor } from "@mantine/core";

interface SettingsIconProps {
    bg: MantineColor;
    icon: React.ElementType;
}

export function SettingsIcon(props : SettingsIconProps) {

    return (
        <Flex style={{
            borderRadius: 6
        }} bg={props.bg} h={21} w={21} align={'center'} justify={'center'}>
            <props.icon size={15} color={'white'} />
        </Flex>
    );
}