1
// Licensed to the Software Freedom Conservancy (SFC) under one
2
// or more contributor license agreements.  See the NOTICE file
3
// distributed with this work for additional information
4
// regarding copyright ownership.  The SFC licenses this file
5
// to you under the Apache License, Version 2.0 (the
6
// "License"); you may not use this file except in compliance
7
// with the License.  You may obtain a copy of the License at
8
//
9
//   http://www.apache.org/licenses/LICENSE-2.0
10
//
11
// Unless required by applicable law or agreed to in writing,
12
// software distributed under the License is distributed on an
13
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
14
// KIND, either express or implied.  See the License for the
15
// specific language governing permissions and limitations
16
// under the License.
17

18
import React from 'react'
19
import osLogo from '../../util/os-logo'
20
import { Box } from '@mui/material'
21
import { Size } from '../../models/size'
22

23
function OsLogo (props): JSX.Element {
24
  const { osName, size } = props
25
  const name = osName ?? ''
26
  const osLogoSize = size ?? Size.S
27
  return (
28
    <Box
29
      component='img'
30
      marginX={0}
31
      src={osLogo(name)}
32
      width={osLogoSize}
33
      height={osLogoSize}
34
      alt='OS Logo'
35
    />
36
  )
37
}
38

39
export default OsLogo
40

41