import { Fieldset, Stack } from '@mantine/core';
import { __ } from '@wordpress/i18n';
import { OptionSwitch } from '../components/Options';
import { KeepCleanSettings } from './KeepCleanSettings';

export default function AnalyticsSettings() {
  return (
    <Stack py={16}>
      <Fieldset legend={__('Impressions', 'wp-bannerize')}>
        <Stack>
          <OptionSwitch
            label={__('Enable Impressions', 'wp-bannerize')}
            description={__(
              'Enable tracking of banner Impressions',
              'wp-bannerize',
            )}
            path="impressions.enabled"
          />
          <KeepCleanSettings analytics="impressions" />
        </Stack>
      </Fieldset>
      <Fieldset legend={__('Clicks', 'wp-bannerize')}>
        <Stack>
          <OptionSwitch
            label={__('Enable Clicks', 'wp-bannerize')}
            description={__('Enable tracking of banner Clicks', 'wp-bannerize')}
            path="clicks.enabled"
          />
          <KeepCleanSettings analytics="clicks" />
        </Stack>
      </Fieldset>
    </Stack>
  );
}