mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 12:55:06 +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
25 lines
1.0 KiB
TypeScript
25 lines
1.0 KiB
TypeScript
'use client'
|
|
|
|
import { CircleAlert } from 'lucide-react'
|
|
|
|
export default function CopyErrorMessages() {
|
|
return (
|
|
<div className="flex flex-col gap-8">
|
|
<div className="flex flex-col gap-4 w-[400px]">
|
|
<span className="text-xs text-foreground-muted">Bad Example</span>
|
|
<div className="flex flex-row items-center gap-2 border border-destructive-500 rounded-md px-4 py-2 bg-destructive-200 text-destructive shadow-md">
|
|
<CircleAlert size={16} strokeWidth={1.5} />
|
|
<p className="text-sm">Something went wrong. Please try again.</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex flex-col gap-4 w-[400px]">
|
|
<span className="text-xs text-foreground-muted">Good Example</span>
|
|
<div className="flex flex-row items-center gap-2 border border-destructive-500 rounded-md px-4 py-2 bg-destructive-200 text-destructive shadow-md">
|
|
<CircleAlert size={16} strokeWidth={1.5} />
|
|
<p className="text-sm">Invalid API key. Check your project settings.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|