import React from 'react'

import { MultiSelect } from '@mantine/core'

const data = [
  { value: 'critical', label: 'Critical' },
  { value: 'warning', label: 'Warning' },
  { value: 'info', label: 'Info' },
  { value: 'debug', label: 'Debug' }
]

interface EventLevelSelectProps {
  label?: string
  disabled?: boolean
}

export const EventLevelSelect: React.FC<EventLevelSelectProps> = ({
  label,
  disabled
}) => {
  return (
    <MultiSelect
      disabled={disabled}
      label={label}
      data={data}
      placeholder='Event Level Filter'
    />
  )
}