import type { Component } from 'solid-js'

import Chip from '@suid/material/Chip'

const ThemeBadge: Component<{ theme: string; labelPrefix?: string }> = (props) => {
  const label = (): string =>
    props.labelPrefix ? `${props.labelPrefix}${props.theme}` : props.theme

  return <Chip label={label()} variant="outlined" color="secondary" />
}

export default ThemeBadge
