xref: /aosp_15_r20/external/perfetto/ui/src/widgets/icon.ts (revision 6dbdd20afdafa5e3ca9b8809fa73465d530080dc)
1// Copyright (C) 2023 The Android Open Source Project
2//
3// Licensed under the Apache License, Version 2.0 (the "License");
4// you may not use this file except in compliance with the License.
5// You may obtain a copy of the License at
6//
7//      http://www.apache.org/licenses/LICENSE-2.0
8//
9// Unless required by applicable law or agreed to in writing, software
10// distributed under the License is distributed on an "AS IS" BASIS,
11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12// See the License for the specific language governing permissions and
13// limitations under the License.
14
15import m from 'mithril';
16import {HTMLAttrs} from './common';
17import {classNames} from '../base/classnames';
18
19export interface IconAttrs extends HTMLAttrs {
20  // The material icon name.
21  icon: string;
22  // Whether to show the filled version of the icon.
23  // Defaults to false.
24  filled?: boolean;
25}
26
27export class Icon implements m.ClassComponent<IconAttrs> {
28  view({attrs}: m.Vnode<IconAttrs>): m.Child {
29    const {icon, filled, className, ...htmlAttrs} = attrs;
30    return m(
31      'i.pf-icon',
32      {
33        ...htmlAttrs,
34        className: classNames(className, filled && 'pf-filled'),
35      },
36      icon,
37    );
38  }
39}
40