hunk.code_window:   variant: Variant.info,
   };
   function Callout(props: CalloutProps) {
     return (
       <CalloutContainer fill={props.fill} variant={props.variant || Variant.info}>
         {props.text && props.variant !== Variant.info ? (
           <Icon name={props.variant} size={IconSize.MEDIUM} />
         ) : null}
  
hunk.labels: keep keep keep keep keep replace keep keep keep
hunk.after_edit:     <CalloutContainer
         className={props.className}
         fill={props.fill}
         variant={props.variant || Variant.info}
       >
  
hunk.file_path: app/client/src/components/ads/Callout.tsx
hunk.type: replace
file: import { createReducer } from "utils/AppsmithUtils";
  import {
    ReduxAction,
    ReduxActionTypes,
    PageListPayload,
    ClonePageSuccessPayload,
  } from "constants/ReduxActionConstants";
  
  const initialState: PageListReduxState = {
    pages: [],
  };
  
  export const pageListReducer = createReducer(initialState, {
    [ReduxActionTypes.DELETE_PAGE_INIT]: (
      state: PageListReduxState,
      action: ReduxAction<{ id: string }>,
    ) => {
      if (state.defaultPageId !== action.payload.id) {
        const pages = [
          ...state.pages.filter((page) => page.pageId !== action.payload.id),
        ];
        return {
          ...state,
          pages,
        };
      }
      return state;
    },
    [ReduxActionTypes.FETCH_PAGE_LIST_SUCCESS]: (
      state: PageListReduxState,
      action: ReduxAction<{ pages: PageListPayload; applicationId: string }>,
    ) => {
      return {
        ...state,
        ...action.payload,
        defaultPageId:
          action.payload.pages.find((page) => page.isDefault)?.pageId ||
          action.payload.pages[0].pageId,
      };
    },
    [ReduxActionTypes.CREATE_PAGE_SUCCESS]: (
      state: PageListReduxState,
      action: ReduxAction<{
        pageName: string;
        pageId: string;
        layoutId: string;
        isDefault: boolean;
      }>,
    ) => {
      const _state = state;
      _state.pages = state.pages.map((page) => ({ ...page, latest: false }));
      _state.pages.push({ ...action.payload, latest: true });
      return { ..._state };
    },
    [ReduxActionTypes.CLONE_PAGE_SUCCESS]: (
      state: PageListReduxState,
      action: ReduxAction<ClonePageSuccessPayload>,
    ): PageListReduxState => {
      return {
        ...state,
        pages: state.pages
          .map((page) => ({ ...page, latest: false }))
          .concat([{ ...action.payload, latest: true }]),
      };
    },
    [ReduxActionTypes.SET_DEFAULT_APPLICATION_PAGE_SUCCESS]: (
      state: PageListReduxState,
      action: ReduxAction<{ pageId: string; applicationId: string }>,
    ) => {
      if (
        state.applicationId === action.payload.applicationId &&
        state.defaultPageId !== action.payload.pageId
      ) {
        const pageList = state.pages.map((page) => {
          if (page.pageId === state.defaultPageId) page.isDefault = false;
          if (page.pageId === action.payload.pageId) page.isDefault = true;
          return page;
        });
        return {
          ...state,
          pages: pageList,
          defaultPageId: action.payload.pageId,
        };
      }
      return state;
    },
    [ReduxActionTypes.SWITCH_CURRENT_PAGE_ID]: (
      state: PageListReduxState,
      action: ReduxAction<{ id: string }>,
    ) => ({
      ...state,
      currentPageId: action.payload.id,
    }),
    [ReduxActionTypes.UPDATE_PAGE_SUCCESS]: (
      state: PageListReduxState,
      action: ReduxAction<{ id: string; name: string; isHidden?: boolean }>,
    ) => {
      const pages = [...state.pages];
      const updatedPage = pages.find((page) => page.pageId === action.payload.id);
      if (updatedPage) {
        updatedPage.pageName = action.payload.name;
        updatedPage.isHidden = !!action.payload.isHidden;
      }
      return { ...state, pages };
    },
  });
  
  export type SupportedLayouts =
    | "DESKTOP"
    | "TABLET_LARGE"
    | "TABLET"
    | "MOBILE"
    | "FLUID";
  export interface AppLayoutConfig {
    type: SupportedLayouts;
  }
  
  export interface PageListReduxState {
    pages: PageListPayload;
    applicationId?: string;
    defaultPageId?: string;
    currentPageId?: string;
    appLayout?: AppLayoutConfig;
  }
  
  export default pageListReducer;
  