'use client';

import Link from 'next/link';
import { Button } from 'antd';
import styles from '@/components/charts/ChartAnalyticCard/ChartAnalyticCard.module.scss';

export type DashboardChartCompactFooterProps = {
  href: string;
  slug: string;
};

/** CTA "Ver relatório completo" no rodapé de gráficos em modo compacto (mobile). */
export function DashboardChartCompactFooter({ href, slug }: DashboardChartCompactFooterProps) {
  return (
    <div className={styles.chartCompactFooter}>
      <Link href={href} data-testid={`dashboard-ver-relatorio-completo-${slug}`}>
        <Button type="link" size="small">
          Ver relatório completo
        </Button>
      </Link>
    </div>
  );
}