import { IonCol, IonRouterLink, IonRow } from "@ionic/react";

interface ComponentProps {
  message: string;
  link: string;
  text: string;
}

export const Action = (props: ComponentProps) => (
  <IonRow className="ion-text-center ion-justify-content-center">
    <IonCol size="12">
      {props.message}
      <IonRouterLink className="custom-link" routerLink={props.link}>
        {" "}
        {props.text} &rarr;
      </IonRouterLink>
    </IonCol>
  </IonRow>
);