/*
 * Copyright (c) 2025 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import pip from '@ohos.pip';

const TAG: string = 'WebPiPContent';

@Entry
@Component
struct WebPiPContent {
  private xComponentController: XComponentController = new XComponentController();
  xComponentId: string = 'webPipContent';
  xComponentType: XComponentType = XComponentType.SURFACE;

  build() {
    Stack() {
      this.buildXComponent();
    }
    .size({ width: '100%', height: '100%' });
  }

  @Builder
  buildXComponent() {
    XComponent({ id: this.xComponentId, type: this.xComponentType, controller: this.xComponentController })
      .onLoad(() => {
        try {
          pip.initWebXComponentController(this.xComponentController,
            this.xComponentController.getXComponentSurfaceId());
          console.debug(TAG, 'WebXComponent onLoad done');
        } catch (error) {
          console.error(TAG, 'WebXComponent onLoad failed');
        }
      })
      .size({ width: '100%', height: '100%' })
      .backgroundColor(Color.Transparent);
  }
}