import React, {ReactNode} from 'react';
import './StatusFilter.scss'
import {FilterStatusType} from "../../../models/ReactComponents";


type StatusFilterProps = {
    children?: ReactNode
    count?: number
    status?: string
    type: FilterStatusType
    selected?: boolean
    onClick: () => void
}

const OrderMap: Record<FilterStatusType, number> = {
    'pending': 1,
    'success': 10,
    'completed': 15,
    'warning': 20,
    'inactive': 30,
    'error': 40,
    'cancel': 50
}



const StatusFilter = ({
                          children,
                          count = 5,
                          status = 'τεστ',
                          type = 'pending',
                          selected = true,

                          onClick
                      }: StatusFilterProps) => {

    return (
        <>
            {
                count > 0 &&
                <div title={'Κάντε Click για φιλτράρισμα'}
                    className={`status-filter ${type} ${selected ? 'selected' : ''} ${count === 0 ? 'no-entries' : ''}`}
                    onClick={onClick}
                >
                    <div className={'count'}>{count}</div>
                    <div className={'status'}>{children}</div>
                </div>
            }
        </>
    )
}

export default StatusFilter;