import { Section } from '@/components/Section/Section'
import { Container } from '@/components/Container/Container'
import { ContactForm } from '@/compositions/ContactForm/ContactForm'
import { Title } from '@/components/Title/Title'

type Col50Props = {
  children?: React.ReactNode
}

const Col50 = ({children}: Col50Props) => {
  return <div>{children}</div>
}

export const ContactSection = () => {
  return (
    <Section>
      <Container flex={true}>
        <Col50>
          <Title title="Kontakt" size={"lg"} />
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lacinia efficitur sapien, vel molestie ligula fermentum rutrum. Maecenas vel mattis leo. Donec dictum convallis mi ac fermentum. Praesent imperdiet dictum arcu, vel lacinia est accumsan ut. Mauris ultrices leo ut mi eleifend, at porttitor mauris condimentum. Quisque a viverra tellus. Cras eu euismod augue. Morbi tristique a nisi vitae tincidunt. Nullam eget dignissim risus, ut tempor nulla. Proin suscipit mi sed leo posuere scelerisque. Sed vel semper ligula.
          </p>

        </Col50>
        <Col50>
          <ContactForm />
        </Col50>
      </Container>
    </Section>
  )
}