import { Flex, MantineSize, Text } from "@mantine/core";
import { SvgR } from "../SvgR/SvgR";

interface RosettaPowerProps {
    mt?: number | string | MantineSize;
}

export function RosettaPower(props: RosettaPowerProps) {
    return (
        <Flex style={{
            userSelect: 'none'
        }} mt={props.mt} justify={"center"} direction={'row'} align={"center"} gap={'xs'}>
            <SvgR width={10} height={10} fill="gray"></SvgR>
            <Text size={'xs'} c={'dimmed'}>rosetta - powering freedom</Text>
        </Flex>
    );
}