mirror of
https://github.com/supabase/supabase.git
synced 2026-10-13 05:09:12 +03:00
kemal.earth
bfe3ea06df
* feat: create entry points for copy writing docs * feat: basic page generated using the supabase writing style guide * chore: editing page * feat: more components * feat: remaining example components * chore: remove duplicate registry entry * chore: add aria label to example * chore: run prettier * fix: alphabetise getting started section * chore: rename copy writing to copywriting
35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
'use client'
|
|
|
|
import { Button } from 'ui'
|
|
import { EmptyStatePresentational } from 'ui-patterns'
|
|
import { Key } from 'lucide-react'
|
|
|
|
export default function CopyEmptyStates() {
|
|
return (
|
|
<div className="flex flex-col gap-8">
|
|
<div className="flex flex-col gap-4">
|
|
<span className="text-xs text-foreground-muted">Bad Example</span>
|
|
<div className="flex flex-col gap-4">
|
|
<EmptyStatePresentational
|
|
icon={Key}
|
|
title="There are no API keys available"
|
|
description=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div className="flex flex-col gap-4">
|
|
<span className="text-xs text-foreground-muted">Good Example</span>
|
|
<div className="flex flex-col gap-4">
|
|
<EmptyStatePresentational
|
|
icon={Key}
|
|
title="No API keys"
|
|
description="Generate a key to connect your application."
|
|
>
|
|
<Button type="primary">Generate key</Button>
|
|
</EmptyStatePresentational>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|