import {
  FeedbackButton,
  FeedbackModal,
} from '@/components/feedback-button/feedback-button'
import { env } from '@/lib/env'
import { PropsWithChildren } from 'react'

export default function GroupsLayout({ children }: PropsWithChildren<{}>) {
  return (
    <>
      <main className="flex-1 max-w-screen-md w-full mx-auto px-4 py-6 flex flex-col gap-6">
        {children}
      </main>
      <FeedbackModal donationUrl={env.STRIPE_DONATION_LINK}>
        <FeedbackButton />
      </FeedbackModal>
    </>
  )
}