import { ReactElement } from 'react' ; import styled from 'styled-components' ; import { Club } from '../../types' ; import { EMPTY_DESCRIPTION } from '../../utils' ; import { StrongText } from '../common' ; const Wrapper = styled . div `
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  flex: 1;
` ; type Props = { club : Club ; } ; const Description = ( { club } ) : ReactElement => ( < Wrapper > < div style = { { width : '100%' } } > < StrongText > Description < /StrongText> < div className = "content" dangerouslySetInnerHTML = { { __html : club . description || EMPTY_DESCRIPTION , } } /> < /div> < /Wrapper>); export default Description ;