Untitled

import * as React from 'react';
import Grid from '@mui/material/Grid';
import Typography from '@mui/material/Typography';
import TextField from '@mui/material/TextField';
import { Button } from '@mui/material';
import TagDropdown from './TagDropdown';
import KpiDrop from './KpiDrop';

export default function AddKpi() {
  return (
    <div style={{margin: 'auto', marginTop: '20%', width:'20%', position: "absolute", top:'0%', left:'43%'}}>
      <Grid container spacing={1}>
      <Grid xs={0} sm={3.4}> 
      <Typography variant="h6" gutterBottom>
        Lisää Kpi
      </Typography>
      </Grid>
      <Grid item xs={8} />
        <Grid item xs={3}>
          
          <KpiDrop/>
        </Grid>
        <Grid item xs={0} sm={0}>
            <Button style={{minWidth:300}} variant='contained'>Lisää Kpi</Button>
        </Grid>
      </Grid>
      </div>
  );
}