import React, { forwardRef } from 'react'
import { oneOf, string } from 'prop-types'
import styled, { keyframes } from 'styled-components'
import { space, color, layout, flexbox, border, position } from 'styled-system'
import theme from '../theme'
const IconBase = styled.svg`
${position}
${space}
${color}
${layout}
${flexbox}
${border}
`
const rotate = keyframes`
0% { transform:rotate(0deg);}
25% { transform:rotate(90deg);}
50% { transform:rotate(180deg);}
75% { transform:rotate(270deg);}
100% { transform: rotate(360deg);}
`
const IconBasePending = styled(IconBase)`
animation ${rotate} 4s infinite;
`
export const IconGlif = forwardRef((props, ref) => (
))
IconGlif.propTypes = {
fill: string
}
IconGlif.defaultProps = {
fill: ''
}
export const IconSuccess = forwardRef((props, ref) => (
))
export const IconFail = forwardRef((props, ref) => (
))
export const IconPending = forwardRef((props, ref) => (
))
export const IconSend = forwardRef((_, ref) => (
))
export const IconReceive = forwardRef((_, ref) => (
))
// Todo: Remove or move
// IconReceive.propTypes = {
// status: oneOf(['confirmed', 'pending']).isRequired
// }
export const IconClose = forwardRef((props, ref) => (
))
export const IconApproximatelyEquals = forwardRef((props, ref) => (
))
export const IconViewAccountAddress = forwardRef((props, ref) => (
))
export const IconCopyAccountAddress = forwardRef((props, ref) => (
))
export const IconMessageStatus = forwardRef((props, ref) => (
))
IconMessageStatus.propTypes = {
status: oneOf(['confirmed', 'pending']).isRequired
}
export const IconLedger = forwardRef((props, ref) => (
))