import { MODEL_USER } from "@/app_modules/home/model/interface";
import { Paper, Stack, Title, Grid, Text } from "@mantine/core";

export function ComponentAdminInvestasi_DetailDataAuthor({
  data,
}: {
  data: any;
}) {
  return (
    <Paper withBorder p={"lg"}>
      <Stack>
        <Title order={3}>Data User</Title>
        <Stack spacing={"xs"}>
          <Grid>
            <Grid.Col span={6}>
              <Text fw={"bold"}>Nama:</Text>
            </Grid.Col>
            <Grid.Col span={6}>
              <Text>{data?.Profile?.name}</Text>
            </Grid.Col>
          </Grid>
          <Grid>
            <Grid.Col span={6}>
              <Text fw={"bold"}>Username:</Text>
            </Grid.Col>
            <Grid.Col span={6}>
              <Text>@{data?.username}</Text>
            </Grid.Col>
          </Grid>
          <Grid>
            <Grid.Col span={6}>
              <Text fw={"bold"}>Nomor:</Text>
            </Grid.Col>
            <Grid.Col span={6}>
              <Text>+ {data?.nomor}</Text>
            </Grid.Col>
          </Grid>
          <Grid>
            <Grid.Col span={6}>
              <Text fw={"bold"}>Alamat:</Text>
            </Grid.Col>
            <Grid.Col span={6}>
              <Text>{data?.Profile?.alamat}</Text>
            </Grid.Col>
          </Grid>
        </Stack>
      </Stack>
    </Paper>
  );
}
