Rebass.jsx

import React from "react";
import { Box, Heading, Text, Button } from "rebass";


function App() {
  return (
    <Box p={4} bg="white" boxShadow="0 0 8px rgba(0, 0, 0, 0.1)">
      <Image
        src={"https://rebassjs.org/logo.svg"}
        sx={{
          width: ["100%", "50%"],
          borderRadius: 8,
        }}
      />
      <Heading fontSize={5} mb={3}>
        Welcome to MyComponent
      </Heading>
      <Text mb={3}>
        This is a simple example of using Rebass to build a UI component in
        React.
      </Text>


      <Button variant="Secondary">Click me!</Button>
    </Box>
  );
}


export default App;