import cn from 'classnames'
import React from 'react'

import { StyledChip } from '@/components/atoms/Chip/Chip.theme'

import { IChip } from './Chip.interface'

/**
 *
 * @param param0
 * @returns
 *
 * Notes THis component only have in DARK mode (Mateus)
 */
const Chip = ({ selected = false, children, disabled = false, className, onClick }: IChip) => {
  return (
    <StyledChip
      selected={selected}
      className={cn('captions', className)}
      onClick={onClick}
      disabled={disabled}
    >
      {children}
    </StyledChip>
  )
}

export default Chip