AppCakes
33 lines
723 B
TypeScript
33 lines
723 B
TypeScript
import React from 'react';
|
|
import { IonButton, IonIcon } from '@ionic/react';
|
|
import { sparklesOutline } from 'ionicons/icons';
|
|
|
|
interface EmptyStateProps {
|
|
title: string;
|
|
message: string;
|
|
actionLabel: string;
|
|
onAction: () => void;
|
|
}
|
|
|
|
const EmptyState: React.FC<EmptyStateProps> = ({
|
|
title,
|
|
message,
|
|
actionLabel,
|
|
onAction,
|
|
}) => {
|
|
return (
|
|
<div className="empty-state-card home-empty-state-card">
|
|
<div className="empty-state-icon">
|
|
<IonIcon icon={sparklesOutline} />
|
|
</div>
|
|
<h2>{title}</h2>
|
|
<p>{message}</p>
|
|
<IonButton className="home-empty-state-button" onClick={onAction}>
|
|
{actionLabel}
|
|
</IonButton>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default EmptyState;
|