mirror of
https://github.com/IT4Change/ohmyform-ui.git
synced 2025-12-13 09:45:50 +00:00
8713c0a8c6
- add default page background - add environment list in [doc](doc/environment.md) - combined notificationts to become more versatile - use exported hooks for graphql - links at the bottom for new users - fixes for hide contrib setting - upgrad all packages
19 lines
662 B
TypeScript
19 lines
662 B
TypeScript
import React from 'react'
|
|
import styled from 'styled-components'
|
|
import { FormPublicDesignFragment } from '../../graphql/fragment/form.public.fragment'
|
|
|
|
interface Props {
|
|
type: 'question' | 'answer'
|
|
design: FormPublicDesignFragment
|
|
}
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
|
|
const Paragraph = styled.p`
|
|
color: ${(props: Props) =>
|
|
props.type === 'question' ? props.design.colors.question : props.design.colors.answer};
|
|
`
|
|
|
|
export const StyledP: React.FC<Props> = ({ children, ...props }) => {
|
|
return <Paragraph {...props}>{children}</Paragraph>
|
|
}
|