// Module ID: 14981
// Function ID: 14982
// Name: FamilyCenterUsernameHeader
// Dependencies: [19, 17, 21, 4636, 4481, 4632, 2]
// Exports: default

// Module 14981 (FamilyCenterUsernameHeader)
import UserUtilsDefault from "UserUtils" /* 4481 */;
import Text_Text from "Text/Text" /* 4632 */;
import noop from "module_19" /* 19 */;

require = fn;
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: closure_4, jsxs: hasOwnProperty } = jsxProd);
const createStyles = fn(4636);
let closure_6 = createStyles.createStyles({ container: { justifyContent: "center" } });
const size = fn(2);
const result = size.fileFinishedImporting("modules/parent_tools/native/FamilyCenterUsernameHeader.tsx");

export default function FamilyCenterUsernameHeader(user) {
  user = user.user;
  const tmp = closure_6();
  const name = UserUtilsDefault.useName(user);
  const obj3 = { style: tmp.container, children: null };
  const combined = " (@" + UserUtilsDefault.getUserTag(user, { decoration: "never" }) + ")";
  const obj4 = { variant: "text-md/semibold", color: "mobile-text-heading-primary", lineClamp: 1, children: null };
  const items = [name, React4(Text_Text.Text, { variant: "text-md/medium", color: "text-muted", lineClamp: 1, children: combined })];
  obj4.children = items;
  obj3.children = hasOwnProperty(Text_Text.Text, obj4);
  return React4(View, obj3);
};