import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Download, Filter, Plus, Upload } from "lucide-react"

interface Props {
    onClickNew: () => void
}

const ActionTable = ({
    onClickNew
}: Props) => {
    return (
        <div className="flex gap-3 items-center mx-8 mt-4">
            <Button className="max-w-[74.5px]" variant="default" onClick={onClickNew}>
                <Plus/>
                New
            </Button>
            <Button className="bg-[#299CDB]" variant="default">
                <Download/>
                Import
            </Button>
            <Button className="bg-[#E57000]" variant="default">
                <Upload/>
                Export
            </Button>
            <Input 
                className="border-primary"
                placeholder="Search for customer, email, phone, status or something.."
            />
            <Button className="bg-[#405189]" variant="default">
                <Filter/>
                Filter
            </Button>
        </div>
    )
}

export default ActionTable