import React from 'react' ; import { VisibilityFilters } from './filtersSlice' ; import { FilterButton } from './FilterButton' ; import { Stack , StackProps } from '@chakra-ui/core/dist' ; export const FilterButtons = ( { ... rest } ) => { return ( < Stack { ... rest } > < FilterButton filter = { VisibilityFilters . SHOW_ALL } > All < /FilterButton> < FilterButton filter = { VisibilityFilters . SHOW_ACTIVE } > Active < /FilterButton> < FilterButton filter = { VisibilityFilters . SHOW_COMPLETED } > Completed < /FilterButton> < /Stack>); } ;