import { Input } from '@/components/Input/Input'
import { Button } from '@/components/Button/Button'
import styles from "./styles.module.scss"
import classNames from 'classnames'

type ContactFormProps = {
  schema?: "base" | "contrast"
}

export const ContactForm = ({schema}: ContactFormProps) => {
  return (
    <form>
      <div className={classNames(styles.row, styles.firsRow)}>
        <Input name={"name"} type={"text"} placeholder={"Name"} />
        <Input name={"email"} type={"email"}  placeholder={"E-Mail Adresse"} />
      </div>
      <div className={styles.row}>
        <Input name={"subject"} type={"text"} placeholder={"Thema"} />
      </div>
      <div className={styles.row}>
        <Input name={"message"} type={"textarea"} placeholder={"Ihre Nachricht"} />
      </div>
      <div className={styles.row}>
        <Button size={"lg"} type={"submit"} schema={schema}>Abschicken</Button>
      </div>
    </form>
  )
}