import React from 'react';

import { CloseIcon } from '../icons';
import { IconButton } from '../icon-button';
import * as css from './chip-close.css';

export interface ChipCloseProps {
  onClick?: () => void;
}

export const ChipClose = ({ onClick }: ChipCloseProps) => (
  <IconButton onClick={onClick} className={css.closeIcon}>
    <CloseIcon />
  </IconButton>
);