adarsh-gupta101

mport React, { useState } from "react";
import {
  Grommet,
  Box,
  TextInput,
  Button,
  DataTable,
  Layer,
  Text,
} from "grommet";

adarsh-gupta101

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={{

adarsh-gupta101

import { Group } from "@mantine/core";
import { Calendar } from "@mantine/dates";
import * as React from "react";


const App = () => {
  const currentDate = new Date();


  const handleDateChange = (date) => {

adarsh-gupta101

import React from "react";
import { Card, Elevation, HTMLTable } from "@blueprintjs/core";
import "@blueprintjs/icons/lib/css/blueprint-icons.css";
import "@blueprintjs/core/lib/css/blueprint.css";


const App = () => {
  const testData = [
    {
      build_id: "3423847",

adarsh-gupta101

import { Box, Flex, Image, Text } from "@chakra-ui/react";


const StatueOfLibertyCard = () => {
  return (
    <Box
      maxW="sm"
      borderWidth="1px"
      borderRadius="lg"
      overflow="hidden"

adarsh-gupta101

import React, { useEffect, useState } from "react";
import { Button, Checkbox, Form } from "semantic-ui-react";
import "semantic-ui-css/semantic.min.css";


// simple form using semantic ui react


const App = () => {
  return (

adarsh-gupta101

import Button from "react-bootstrap/Button";
import 'bootstrap/dist/css/bootstrap.min.css';




function App() {
  return (
    <div style={{width:"100vh",margin:"auto",marginTop:250, }}>
      <Button variant="primary" style={{margin:5}}>Primary</Button>

adarsh-gupta101

import React from "react";
import { Card, CardMedia, CardContent, Typography } from "@mui/material";
import { Box } from "@mui/system";


const App = () => {
  return (
    <Box>
      <Card sx={{ maxWidth: 500, padding: 5, margin: 2 }}>
        <CardMedia

adarsh-gupta101

import React, { useEffect, useState } from "react";
import { Table } from "antd";


const columns = [
  {
    title: "Rank",
    dataIndex: "rank",
    key: "rank",
  },

adarsh-gupta101

const dataParts = [
   [
    {
        "data": [
            ".",
            ".",
            ".",
            ".",
            ".",
            "➡➡➡",