import type { BdcComponent, BdcElement } from '../jsx-runtime';

type NativeBlockProps = {
  id?: string;
  dataRef?: string;
  conversationIdRef?: string;
  peerIdRef?: string;
  peerNameRef?: string;
  handleRef?: string;
  postIdRef?: string;
  albumIdRef?: string;
  profileIdRef?: string;
  /** Wire `settings_page` — id da página filha (about, privacy, …). */
  page?: string;
};

function nativeBlock(type: string, props: NativeBlockProps): BdcElement {
  return { type, props: { ...props }, children: [] };
}

export const ChatThread: BdcComponent = (props) => nativeBlock('chat_thread', props);
export const SocialPostFeed: BdcComponent = (props) => nativeBlock('social_post_feed', props);
export const ThoughtFeed: BdcComponent = (props) => nativeBlock('thought_feed', props);
export const ProfileView: BdcComponent = (props) => nativeBlock('profile_view', props);
export const ProfileSelf: BdcComponent = (props) => nativeBlock('profile_self', props);
export const ProfileSetup: BdcComponent = (props) => nativeBlock('profile_setup', props);
export const ProfileOnboarding: BdcComponent = (props) => nativeBlock('profile_onboarding', props);
export const ProfileReport: BdcComponent = (props) => nativeBlock('profile_report', props);
export const AlbumGrid: BdcComponent = (props) => nativeBlock('album_grid', props);
export const AlbumDetail: BdcComponent = (props) => nativeBlock('album_detail', props);
export const NewPostComposer: BdcComponent = (props) => nativeBlock('new_post_composer', props);
export const NewStoryComposer: BdcComponent = (props) => nativeBlock('new_story_composer', props);
export const StoryViewersPanel: BdcComponent = (props) => nativeBlock('story_viewers_panel', props);
export const PostComments: BdcComponent = (props) => nativeBlock('post_comments', props);
export const SocialProfile: BdcComponent = (props) => nativeBlock('social_profile', props);
export const SettingsHome: BdcComponent = (props) => nativeBlock('settings_home', props);
export const SettingsPage: BdcComponent = (props) => nativeBlock('settings_page', props);
export const ChatGroupCreate: BdcComponent = (props) => nativeBlock('chat_group_create', props);
export const ChatGroupInfo: BdcComponent = (props) => nativeBlock('chat_group_info', props);
export const ChatGroupAddMembers: BdcComponent = (props) =>
  nativeBlock('chat_group_add_members', props);
export const ChatGroupInvite: BdcComponent = (props) => nativeBlock('chat_group_invite', props);
export const DiscoverBrowseLocation: BdcComponent = (props) => nativeBlock('discover_browse_location', props);
export const RightNowFeed: BdcComponent = (props) => nativeBlock('right_now_feed', props);
export const RightNowCompose: BdcComponent = (props) => nativeBlock('right_now_compose', props);