import type { FC } from 'react';

import Typography from '@material-hu/mui/Typography';

import {
  AcceptCancelDialog,
  AcceptCancelDialogProps,
} from 'src/components/AcceptCancelDialog';

export type NoChangeChannelDialogProps = AcceptCancelDialogProps & {
  open: boolean;
  title: string;
  description: string;
};

export const NoChangeChannelDialog: FC<NoChangeChannelDialogProps> = props => {
  const { open, title, description, onAccept } = props;

  return (
    <AcceptCancelDialog
      open={open}
      title={title}
      onAccept={onAccept}
      variantAcceptButton="contained"
    >
      <Typography color="textPrimary">{description}</Typography>
    </AcceptCancelDialog>
  );
};

export default NoChangeChannelDialog;
