import { useTranslation } from 'react-i18next';

import SummaryCard from '@composed-components/audience/SummaryCard';
import { IconUsersGroup } from '@tabler/icons-react';

import { type SegmentationSummaryCardProps } from './types';

const SegmentationSummaryCard = ({
  onEdit,
  onDelete,
  description,
}: SegmentationSummaryCardProps) => {
  const { t } = useTranslation('material_hu_only');

  return (
    <SummaryCard
      Icon={IconUsersGroup}
      title={t('audience.segmentation_groups_title')}
      description={description}
      onEdit={onEdit}
      onDelete={onDelete}
    />
  );
};

export default SegmentationSummaryCard;