bastienrobert/la-ferme

import React, { FC } from 'react'
import styled from 'styled-components'

import { IconBackgroundProps } from './Icon.shared'
import styles from './Icon.styles'
import { Colors } from '@/theme'

const Background: FC<IconBackgroundProps> = ({ color }) => {
  return (
    <SVG
      viewBox="0 0 55 55"
      preserveAspectRatio="none"
      xmlns="http://www.w3.org/2000/svg">
      <path
        d="M55 27.472C55 42.6553 42.6615 55.8217 27.5 54.944C14.0024 54.1783 0 42.6553 0 27.472C0 12.2886 12.3199 0 27.5 0C41.4089 0 55 12.3073 55 27.472Z"
        fill={Colors[color]}
      />
    </SVG>
  )
}

const SVG = styled.svg`
  ${styles.commons.background}
`

export default Background