import SchemaSelector from '@/components/ui/SchemaSelector'

export const FilterSchema = ({
  value,
  onChange,
}: {
  value: string
  onChange: (s: string) => void
}) => {
  return (
    <div className="flex flex-row gap-4 items-center">
      <p className="w-[60px] flex justify-end text-sm">WHERE</p>
      <SchemaSelector
        disabled
        supportSelectAll
        size="small"
        selectedSchemaName={value}
        onSelectSchema={onChange}
        className="rounded-l-none [&>button>span>div]:py-0 w-64"
      />
    </div>
  )
}
