import { css, Flex, Center } from "@devup-ui/react";
function App() {
  return (
    <div className={css({ flexDir: "row", p: 4 })}>
      {/* Support for many styles */}
      <Flex mt={4}>
        <img src="https://via.placeholder.com/150" alt="avatar" />
      </Flex>
      <Center mt={4} className={css({ mt: "4", fontSize: "xl", fontWeight: "semibold" })}>
        John Doe
      </Center>
    </div>
  );
}