# All files / Table/components Cell.tsx

0% Statements 0/11
0% Branches 0/3
0% Functions 0/1
0% Lines 0/10

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22

     import * as React from 'react'
    import { StyledTableCellWrapper, StyledTableHeadCellWrapper } from '../Table.styled'
    import { TableContext } from './TableContext'
    import { TableCellProps } from '../Table.type'

    const Cell = React.forwardRef<HTMLTableCellElement, TableCellProps>(
      ({ textAlign = 'left', children, ...rest }: TableCellProps, ref): React.ReactElement => {
        const tableContext = React.useContext(TableContext)
        const Component =
          tableContext.variant === 'head' ? StyledTableHeadCellWrapper : StyledTableCellWrapper
        return (
          <Component ref={ref} textAlign={textAlign} {...rest}>
            {children}
          </Component>
        )
      }
    )

    Cell.displayName = 'FTableCell'

    export default Cell