import React from 'react';
import {
  NotificationBannerContainer,
  NotificationBannerHeader,
  NotificationBannerContent,
  NotificationBannerHeading,
  NotificationBannerLink,
} from '@digigov/ui/feedback/NotificationBanner';
import { Paragraph } from '@digigov/ui/typography/Paragraph';

export const Expanded = (_: any) => (
  <NotificationBannerContainer>
    <NotificationBannerHeader>Ειδοποίηση</NotificationBannerHeader>
    <NotificationBannerContent>
      <NotificationBannerHeading>
        Μπορείτε να συμβάλλετε στη βελτίωση των δημοσίων υπηρεσιών.
      </NotificationBannerHeading>
      <Paragraph>
        Συμπληρώστε έως 24/5 το ερωτηματολόγιο στο{' '}
        <NotificationBannerLink> axiologisi.ypes.gov.gr</NotificationBannerLink>
        .
      </Paragraph>
    </NotificationBannerContent>
  </NotificationBannerContainer>
);

export default Expanded;
