Proyectos de Subversion LeadersLinked - Antes de SPA

import { Add, Remove } from '@mui/icons-material'
import React, { useState } from 'react'
import IconButton from '@mui/material/IconButton'

const FiltersSidebar = ({ children }) => {
  const [isShowFilters, setiIsShowFilters] = useState(true)

  const toggleFilterState = () => {
    setiIsShowFilters(!isShowFilters)
  }

  return (
    <aside className="search_filters">
      <div className="search_filters-header">
        <h2>Filtros</h2>
        <IconButton onClick={toggleFilterState}>
          {isShowFilters ? <Remove /> : <Add />}
        </IconButton>
      </div>
      {isShowFilters && children()}
    </aside>
  )
}

export default FiltersSidebar