/*********************************************************************
 * © Copyright IBM Corp. 2024
 *********************************************************************/
import React from 'react'
import PropTypes from 'prop-types'

const defaultMiroIconForegroundColor = '#07003B'
const defaultMiroIconBackgroundColor = '#FFD02F'

export const MiroIcon = ({
  foregroundColor = defaultMiroIconForegroundColor,
  backgroundColor = defaultMiroIconBackgroundColor
}) => (
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="2" fill={backgroundColor} />
    <path
      d="M3.78537 2H2.02927L3.55122 6.03902L2 14H3.7561L7.06341 5.57073L5.54146 14H7.23902L10.5171 4.92683L8.99512 14H10.7512L14 3.8439L10.8098 2H8.99512L10.4878 4.37073L7.29756 2H5.5122L7.06341 5.16098L3.78537 2Z"
      fill={foregroundColor}
    />
  </svg>
)

MiroIcon.category = 'Boards & Views'

MiroIcon.propTypes = {
  foregroundColor: PropTypes.string,
  backgroundColor: PropTypes.string
}