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'; 16 17import {classNames} from '../base/classnames'; 18 19import {HTMLCheckboxAttrs} from './common'; 20 21export interface SwitchAttrs extends HTMLCheckboxAttrs { 22 // Optional text to show to the right of the switch. 23 // If omitted, no text will be shown. 24 label?: string; 25} 26 27export class Switch implements m.ClassComponent<SwitchAttrs> { 28 view({attrs}: m.CVnode<SwitchAttrs>) { 29 const {label, checked, disabled, className, ...htmlAttrs} = attrs; 30 31 const classes = classNames(disabled && 'pf-disabled', className); 32 33 // The default checkbox is removed and an entirely new one created inside 34 // the span element in CSS. 35 return m( 36 'label.pf-switch', 37 { 38 ...htmlAttrs, 39 className: classes, 40 }, 41 m('input[type=checkbox]', {disabled, checked}), 42 m('span'), 43 label, 44 ); 45 } 46} 47