Componentizando header
This commit is contained in:
@@ -1,17 +1,19 @@
|
||||
import { IonCol, IonRouterLink, IonRow } from "@ionic/react";
|
||||
|
||||
interface ComponentProps {
|
||||
message: string,
|
||||
link: string,
|
||||
text: string
|
||||
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 } →</IonRouterLink>
|
||||
</IonCol>
|
||||
</IonRow>
|
||||
);
|
||||
<IonRow className="ion-text-center ion-justify-content-center">
|
||||
<IonCol size="12">
|
||||
{props.message}
|
||||
<IonRouterLink className="custom-link" routerLink={props.link}>
|
||||
{" "}
|
||||
{props.text} →
|
||||
</IonRouterLink>
|
||||
</IonCol>
|
||||
</IonRow>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user