mirror of
https://github.com/System-End/site.git
synced 2026-04-19 18:35:12 +00:00
19 lines
No EOL
713 B
JavaScript
19 lines
No EOL
713 B
JavaScript
import { Box, Image, Text } from 'theme-ui'
|
|
|
|
export default function UserProfile({
|
|
image,
|
|
name,
|
|
age,
|
|
state,
|
|
description
|
|
}){
|
|
return (
|
|
<Box sx = {{display: "flex", flexDirection: "column", padding: 2, width: 200}}>
|
|
<Image src = {image} sx = {{objectFit: "cover", borderRadius: 6, width: 170, height: 170}}/>
|
|
<Box sx={{display: "flex", flexDirection: "column", width: "100%", textAlign: "left", paddingBottom: 1, marginBottom: 1}}>
|
|
<Text variant="subtitle" className="gaegu">{name} ({age}, {state})</Text>
|
|
<Text variant = "text" className="gaegu">{description}</Text>
|
|
</Box>
|
|
</Box>
|
|
)
|
|
} |