18 lines
597 B
TypeScript
18 lines
597 B
TypeScript
import type * as React from 'react'
|
|
|
|
type AppEmptyStateProps = {
|
|
title: string
|
|
description?: string
|
|
action?: React.ReactNode
|
|
}
|
|
|
|
export function AppEmptyState({ title, description, action }: AppEmptyStateProps) {
|
|
return (
|
|
<div className="rounded-lg border border-dashed border-border bg-background px-4 py-8 text-center">
|
|
<p className="text-sm font-medium text-foreground">{title}</p>
|
|
{description ? <p className="mt-1 text-sm text-muted-foreground">{description}</p> : null}
|
|
{action ? <div className="mt-4 flex justify-center">{action}</div> : null}
|
|
</div>
|
|
)
|
|
}
|