Avatar

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    // With valid image.
    FAvatar(
      image: const NetworkImage('https://raw.githubusercontent.com/forus-labs/forui/main/samples/assets/avatar.png'),
      fallback: const Text('MN'),
    ),
    const SizedBox(width: 10),
 
    // With invalid image and fallback.
    FAvatar(
      image: const NetworkImage(''),
      fallback: const Text('MN'),
    ),
    const SizedBox(width: 10),
 
    // With invalid image without fallback.
    FAvatar(image: const NetworkImage('')),
  ],
);

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    // With fallback.
    FAvatar(
      image: const AssetImage(''),
      fallback: const Text('MN'),
    ),
    const SizedBox(width: 10),
 
    // Without fallback.
    FAvatar(image: const AssetImage('')),
  ],
);

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    // Raw constructor - without child.
    FAvatar.raw(),
    const SizedBox(width: 10),
 
    // Raw constructor - with icon.
    FAvatar.raw(
      child: FAssets.icons.baby(
        colorFilter: ColorFilter.mode(theme.colorScheme.mutedForeground, BlendMode.srcIn),
      ),
    ),
    const SizedBox(width: 10),
 
    // Raw constructor - with text.
    FAvatar.raw(child: const Text('MN')),
  ],
);