// Module ID: 13102
// Function ID: 13103
// Name: UserProfilePrivateInfoBanner
// Dependencies: [17, 21, 4574, 576, 4570, 1114, 2]
// Exports: default

// Module 13102 (UserProfilePrivateInfoBanner)
import _mod17 from "module_17" /* 17 */;
import jsxProd from "jsxProd" /* 21 */;
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1114 */;
import Text_Text from "Text/Text" /* 4570 */;
import createStyles from "createStyles" /* 4574 */;
import size from "module_2" /* 2 */;

const View = _mod17.View;
const jsx = jsxProd.jsx;
let obj = { banner: { padding: nativeDefault.space.PX_12, borderRadius: nativeDefault.radii.lg, borderWidth: 1, borderColor: nativeDefault.colors.BORDER_MUTED, backgroundColor: nativeDefault.colors.BACKGROUND_SURFACE_HIGH } };
let closure_4 = createStyles.createStyles(obj);
const result = size.fileFinishedImporting("modules/user_profile/native/UserProfilePrivateInfoBanner.tsx");

export default function UserProfilePrivateInfoBanner(username) {
  const containerBackground = username.containerBackground;
  const items = [closure_4().banner, ];
  let tmp3 = null != containerBackground;
  if (tmp3) {
    const obj = { backgroundColor: containerBackground };
    tmp3 = obj;
  }
  const obj2 = { style: items, children: null };
  items[1] = tmp3;
  const obj3 = { variant: "text-sm/normal", children: null };
  const intl = util.intl;
  obj3.children = intl.format(util.t.P8ij6Z, { username: username.username });
  obj2.children = jsx(Text_Text.Text, { variant: "text-sm/normal", children: null });
  return <View style={items}>{null}</View>;
};