import * as React from "react"
import styled from "styled-components"
import colors from "../assets/colors"
import * as fonts from "../assets/fonts"
import { block } from "./helpers"
import { borderedInput } from "./mixins"

export interface InputProps extends React.HTMLProps<HTMLInputElement> {
  error?: boolean
  block?: boolean
}

const Input: React.SFC<InputProps> = props => (
  <input {...props} />
)

export default styled(Input)`
  ${borderedInput}
  ${block(24)}
`

import * as React from "react"
import styled from "styled-components"
import colors from "../assets/colors"
import * as fonts from "../assets/fonts"
import { block } from "./helpers"
import { borderedInput } from "./mixins"

export interface InputProps extends React.HTMLProps<HTMLInputElement> {
  error?: boolean
  block?: boolean
}

const Input: React.SFC<InputProps> = ({ block, ...props }) => (
  <input {...props} />
)

export default styled(Input)`
  ${borderedInput}
  ${block(24)}
`

Fix warning by not passing on `block` prop.
[Input] Fix warning by not passing on `block` prop.
