@equinor/mad-core
Version:
Core library for the Mobile App Delivery team
25 lines (23 loc) • 987 B
JavaScript
// src/components/screens/create-incident/UserInfo.tsx
import React from "react";
import { View } from "react-native";
import { EDSStyleSheet, Typography, useStyles } from "@equinor/mad-components";
function UserInfo({ infoType, infoValue }) {
const styles = useStyles(UserInfoStyles);
return /* @__PURE__ */ React.createElement(View, { style: styles.container }, /* @__PURE__ */ React.createElement(View, { style: styles.infoContainer }, /* @__PURE__ */ React.createElement(Typography, null, infoType)), /* @__PURE__ */ React.createElement(View, { style: styles.infoContainer }, /* @__PURE__ */ React.createElement(Typography, null, infoValue)));
}
var UserInfoStyles = EDSStyleSheet.create((theme) => ({
container: {
display: "flex",
flexDirection: "row",
borderBottomWidth: 1,
borderBottomColor: theme.colors.border.medium,
marginVertical: theme.spacing.textField.paddingVertical
},
infoContainer: {
flexBasis: "50%"
}
}));
export {
UserInfo
};