import { endsWith } from "@applicaster/zapp-react-native-utils/utils";

export const getFocusableId = (id) => `PickerItem.${id}`;

export const getPickerSelectorId = (id) => `PickerSelector.${id}`;

export const SCREEN_PICKER_CONTAINER = "ScreenPickerContainer";

export const getScreenPickerId = (id) => `${SCREEN_PICKER_CONTAINER}.${id}`;

export const getScreenPickerSelectorContainerId = (id) =>
  `${getScreenPickerId(id)}-screen-selector`;

export const getScreenPickerContentContainerId = (id) =>
  `${getScreenPickerId(id)}-screen-container`;

export const isTabsScreenContentContainerId = (id) =>
  endsWith("-screen-container", id);