CoastalCommitsPastes/client/components/badges/visibility-badge/index.tsx

import { Badge } from "@geist-ui/core"
import type { PostVisibility } from "@lib/types"

type Props = {
	visibility: PostVisibility
}

const VisibilityBadge = ({ visibility }: Props) => {
	const getBadgeType = () => {
		switch (visibility) {
			case "public":
				return "success"
			case "private":
				return "warning"
			case "unlisted":
				return "default"
		}
	}

	return <Badge type={getBadgeType()}>{visibility}</Badge>
}

export default VisibilityBadge