import React from 'react' ; import clsx from 'clsx' ; export type FormProps = { className ? : string ; deprecated theme ? : string ; } ; export const ThemeContext = React . createContext ( '' ) ; export const Form = ( props ) => { const { className , theme = '' , children , ... other } = props ; return ( < ThemeContext . Provider value = { theme } > < form className = { clsx ( 'Form' , { 'is-light' : theme === 'light' } , className ) } { ... other } > { children } < /form> < /ThemeContext.Provider>); } ;