1fb726d48Sopenharmony_ci/*
2fb726d48Sopenharmony_ci * Copyright (C) 2022 Huawei Device Co., Ltd.
3fb726d48Sopenharmony_ci * Licensed under the Apache License, Version 2.0 (the "License");
4fb726d48Sopenharmony_ci * you may not use this file except in compliance with the License.
5fb726d48Sopenharmony_ci * You may obtain a copy of the License at
6fb726d48Sopenharmony_ci *
7fb726d48Sopenharmony_ci *     http://www.apache.org/licenses/LICENSE-2.0
8fb726d48Sopenharmony_ci *
9fb726d48Sopenharmony_ci * Unless required by applicable law or agreed to in writing, software
10fb726d48Sopenharmony_ci * distributed under the License is distributed on an "AS IS" BASIS,
11fb726d48Sopenharmony_ci * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12fb726d48Sopenharmony_ci * See the License for the specific language governing permissions and
13fb726d48Sopenharmony_ci * limitations under the License.
14fb726d48Sopenharmony_ci */
15fb726d48Sopenharmony_ci
16fb726d48Sopenharmony_ciimport { BaseElement, element } from '../../base-ui/BaseElement';
17fb726d48Sopenharmony_ci
18fb726d48Sopenharmony_ci@element('sp-welcome')
19fb726d48Sopenharmony_ciexport class SpWelcomePage extends BaseElement {
20fb726d48Sopenharmony_ci  initElements(): void {}
21fb726d48Sopenharmony_ci
22fb726d48Sopenharmony_ci  initHtml(): string {
23fb726d48Sopenharmony_ci    return `
24fb726d48Sopenharmony_ci        <style>
25fb726d48Sopenharmony_ci        :host {
26fb726d48Sopenharmony_ci            width: 100%;
27fb726d48Sopenharmony_ci            height: 100%;
28fb726d48Sopenharmony_ci            display: grid;
29fb726d48Sopenharmony_ci            justify-content: center;
30fb726d48Sopenharmony_ci            align-content: center;
31fb726d48Sopenharmony_ci            background: var(--dark-background5,#F6F6F6);
32fb726d48Sopenharmony_ci        }
33fb726d48Sopenharmony_ci        .lit-icon{
34fb726d48Sopenharmony_ci            content: var(--dark-img,url('img/pic.png'));
35fb726d48Sopenharmony_ci        }
36fb726d48Sopenharmony_ci        </style>
37fb726d48Sopenharmony_ci        <div>
38fb726d48Sopenharmony_ci            <img class="lit-icon" >
39fb726d48Sopenharmony_ci        </div>
40fb726d48Sopenharmony_ci        `;
41fb726d48Sopenharmony_ci  }
42fb726d48Sopenharmony_ci}
43