mirror of
https://github.com/supabase/supabase.git
synced 2026-10-09 03:15:06 +03:00
Denzil SamuelandCharis
01cd022722
* fix-markdown-render-in-self-hosting-auth * Update apps/docs/components/Params.tsx * style: appease prettier --------- Co-authored-by: Charis <26616127+charislam@users.noreply.github.com>
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import { ReactMarkdown } from 'react-markdown/lib/react-markdown'
|
|
|
|
type IParamProps = any
|
|
|
|
const Param = ({ name, isOptional, type, description, children }: IParamProps) => {
|
|
return (
|
|
<div className="border-t border-b py-5 flex flex-col gap-3 debugger">
|
|
<div className="flex gap-3 items-center">
|
|
<span className="text-sm text-foreground font-mono font-medium">{name ?? 'no-name'}</span>
|
|
<span>
|
|
{isOptional ? (
|
|
<div className="text-[10px] px-3 tracking-wide font-mono text-foreground-lighter">
|
|
Optional
|
|
</div>
|
|
) : (
|
|
<div className="text-[10px] border border-amber-700 bg-amber-300 text-amber-900 px-2 tracking-wide font-mono py-0.25 rounded-full">
|
|
REQUIRED
|
|
</div>
|
|
)}
|
|
</span>
|
|
<span className="text-foreground-muted text-xs">{type ?? 'no type'}</span>
|
|
</div>
|
|
{description && (
|
|
<ReactMarkdown className="text-sm text-foreground-lighter m-0">{description}</ReactMarkdown>
|
|
)}
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Param
|