import { Collapse, TableCell, TableRow, Card, Box, Grid, Typography } from "@mui/material";
import { DetailCorpFormularium } from "./Types";



export default function InfoDetail(props: DetailCorpFormularium) {


  return(
    <Card sx={{paddingX:2, paddingY:2, marginBottom:3}}>
      <Box sx={{margin: 1, pb: 2}}>
        <Grid container>
          <Grid item>
            <Typography sx={{ fontWeight: '600', mb: 1}}>Detail</Typography>
            <Grid container>
              <Grid item xs={2}>Description</Grid>
              <Grid item xs={10}> : {props.description}</Grid>

              <Grid item xs={2}>General Indication</Grid>
              <Grid item xs={10}> : {props.general_indication}</Grid>

              <Grid item xs={2}>Composition</Grid>
              <Grid item xs={10}> : {props.composition}</Grid>

              <Grid item xs={2}>Kategori Obat</Grid>
              <Grid item xs={10}> : {props.kategori_obat}</Grid>

              <Grid item xs={2}>BPOM Registration</Grid>
              <Grid item xs={10}> : {props.bpom_registration}</Grid>

              <Grid item xs={2}>Classification</Grid>
              <Grid item xs={10}> : {props.classifications}</Grid>

              <Grid item xs={2}>Cat For</Grid>
              <Grid item xs={10}> : {props.cat_for}</Grid>

              <Grid item xs={2}>Class</Grid>
              <Grid item xs={10}> : {props.class}</Grid>

              <Grid item xs={2}>Manufacturer</Grid>
              <Grid item xs={10}> : {props.manufacturer}</Grid>
            </Grid>
          </Grid>
        </Grid>
      </Box>
    </Card>
  )
}