Files
supabase/studio/components/ui/FormBoxEmpty.tsx
2022-07-08 12:46:46 +08:00

21 lines
530 B
TypeScript

import { ReactText } from 'react'
import { Typography } from '@supabase/ui'
interface Props {
icon: JSX.Element
text: ReactText
}
const FormBoxEmpty = ({ icon, text }: Props) => {
return (
<div className="flex items-center justify-center flex-row py-4 space-x-2">
<div className="relative bg-scale-300 text-scale-900 w-6 h-6 rounded-full flex items-center justify-center">
{icon}
</div>
<Typography.Text type="secondary">{text}</Typography.Text>
</div>
)
}
export default FormBoxEmpty