{data.translations.message}
\n{data.translations.message}
\n{translations.instructions.info}
\n \n{description}
\n\n {props.translations.chat.info.text}\n
\n{description}
\n{answer.text}
\n{data.translations.deletion_instructions}
\n{data.translations.message}
\n{data.translations.message}
\n\n {children}\n
\n );\n}\n","import { clsx } from 'clsx';\nimport { ComponentChildren } from 'preact';\n\nexport default function Label({\n className,\n htmlFor,\n size = 'medium',\n children,\n}: {\n className?: string;\n htmlFor?: string;\n size?: 'large' | 'medium' | 'small';\n children: ComponentChildren;\n}) {\n const classNames = clsx('block', className, {\n 'text-body-16 font-semibold': size === 'small',\n 'text-body-16 sm:text-body-18 font-semibold': size === 'medium',\n 'text-body-16 sm:text-body-20 font-bold': size === 'large',\n });\n\n if (typeof children === 'string') {\n return (\n \n );\n }\n\n return (\n \n );\n}\n","import { Fragment } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { clsx } from 'clsx';\n\nimport Error from '../Error';\nimport Label from '../Label';\n\nexport type Props = {\n label: string;\n name: string;\n value?: string | null;\n options: {\n value: string;\n label: string;\n }[];\n required?: boolean;\n errors?: string[];\n};\n\nexport default function RadioButtonGroup({\n label,\n name,\n value,\n options,\n required = false,\n errors = [],\n}: Props) {\n const [shakeIt, setShakeIt] = useState(false);\n const hasErrors = errors.length > 0;\n\n const onInvalid = () => setShakeIt(true);\n const onAnimationEnd = () => setShakeIt(false);\n\n return (\n\n {message}\n
\n ))}\n{data.translations.message}
\n{data.translations.message}
\n{data.translations.message}
\n{data.event.name}
\n{data.translations.disclaimer}
\n \n \n{data.translations.disclaimer}
\n{data.translations.message}
\n{data.translations.message}
\n {data.remaining_attempts <= 3 && (\n{data.translations.remaining_attempts}
\n )}\n{data.translations.resend_code_hint}
\n \n