import React from "react";
import styles from "@/styles/contact.module.scss";
import { AiOutlineSortAscendings,AiOutlineEllipsis} from "react-icons/ai";
import DataTable from "react-data-table-component";
export default function contact(){
const columns = [
{
name: "",
selector: (row) => (
),
sortable: true,
},
{
name: (
<>
< AiOutlineSortAscendings/>{" "}
Name{" "}
>
),
selector: (row) => (
{row.title}
{row.address}
),
sortable: true,
},
{
name: (
<>
< AiOutlineSortAscendings/>{" "}
Email
>
),
selector: (row) => (
),
sortable: true,
},
{
name: (
<>
{" "}
Phone
>
),
selector: (row) => (
),
},
{
name: (
<>
{" "}
Fee
>
),
selector: (row) => (
),
},
{
name: (
<>
{" "}
Tag
>
),
selector: (row) => (
),
},
{
name: "",
selector: (row) => ,
}
];
const data = [
{
id: 1,
title: "Nichole Perkins",
address: "Company",
EamilId: "nichole@gmail.com",
price: "17",
},
{
id: 1,
title: "Anastasya Gordon",
address: "Company",
EamilId: "gordon@gmail.com",
price: "17",
},
{
id: 1,
title: "Thomas Holand",
address: "Company",
EamilId: "thomas@gmail.com",
price: "17",
},
{
id: 1,
title: "Larry Nichole",
address: "Company",
EamilId: "larry@gmail.com",
price: "17",
},
{
id: 1,
title: "Nichole Perkins",
address: "Company",
EamilId: "nichole@gmail.com",
price: "17",
},
{
title: "Nichole Perkins",
address: "Company",
EamilId: "gordon@gmail.com",
price: "17",
},
{
title: "Thomas Holand",
address: "Company",
EamilId: "thomas@gmail.com",
price: "17",
},
];
const customStyles = {
headCells: {
style: {
fontSize: "16px",
color: "#626679",
border: "none !important",
},
},
rows: {
style: {
border: "none !important",
},
},
};
return(
<>
>
);
}