/**
 * @description Footer component.
 */

import React from 'react';
import FilterLink from '../../containers/filter-link-container';

const Footer = () => {
  <p>
    Show:
    {" "}
    <FilterLink filter="SHOW_ALL">All</FilterLink>
    <FilterLink filter="SHOW_ACTIVE">Active</FilterLink>
    <FilterLink filter="SHOW_COMPLETED">Completed</FilterLink>
  </p>
};

export default Footer;

/**
 * @description Footer component.
 */

import React                 from 'react';
import FilterLink            from '../../containers/filter-link-container';
import { VisibilityFilters } from '../../constants';

const { SHOW_ALL, SHOW_ACTIVE, SHOW_COMPLETED } = VisibilityFilters;

const Footer = () => {
  <p>
    Show:
    {" "}
    <FilterLink filter={ SHOW_ALL }>All</FilterLink>
    {", "}
    <FilterLink filter={ SHOW_ACTIVE }>Active</FilterLink>
    {", "}
    <FilterLink filter={ SHOW_COMPLETED }>Completed</FilterLink>
  </p>
};

export default Footer;

fix components(for Redux tutorial)