2
0
Files
bot/apps/landing-page/components/common/TableCells.tsx
2022-02-09 18:52:36 +01:00

27 lines
703 B
TypeScript

import { CheckIcon } from 'assets/icons/CheckIcon'
import { CloseIcon } from 'assets/icons/CloseIcon'
import { Td, Text } from '@chakra-ui/react'
import React, { ReactNode } from 'react'
export const Yes = (props: { children?: ReactNode }) => (
<Td display={props.children ? 'flex' : ''}>
<CheckIcon fill="#0042da" width="25px" />
{props.children && (
<Text ml={1} fontSize="sm">
{props.children}
</Text>
)}
</Td>
)
export const No = (props: { children?: ReactNode }) => (
<Td display={props.children ? 'flex' : ''}>
<CloseIcon width="25px" />
{props.children && (
<Text ml={1} fontSize="sm">
{props.children}
</Text>
)}
</Td>
)