xref: /aosp_15_r20/external/perfetto/ui/src/widgets/section.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';
17
18export interface SectionAttrs extends HTMLAttrs {
19  // The name of the section, displayed in the title bar
20  title: string;
21}
22
23export class Section implements m.ClassComponent<SectionAttrs> {
24  view({attrs, children}: m.CVnode<SectionAttrs>) {
25    const {title, ...htmlAttrs} = attrs;
26    return m(
27      'section.pf-section',
28      htmlAttrs,
29      m('header', m('h1', title)),
30      m('article', children),
31    );
32  }
33}
34