import React, { FC } from "react";
import {
    Center,
    ThemeIcon as MantineThemeIcon,
    ThemeIconProps,
} from "@mantine/core";

type Props = ThemeIconProps;

const ThemeIcon: FC<Props> = props => {
    return (
        <Center>
            <MantineThemeIcon
                variant={"default"}
                bg={"transparent"}
                bd={0}
                {...props}>
                {props.children}
            </MantineThemeIcon>
        </Center>
    );
};

export default ThemeIcon;
