import { Button } from "@/components/ui/button";
import { faLocationArrow } from "@fortawesome/free-solid-svg-icons";

type HeaderTextProps = {
  dict: Dictionary;
};

const Text = ({ value }) => (
  <p className="text-xs font-bold text-neutral-800">{value}</p>
);

const Name = ({ dict }: HeaderTextProps) => (
  <Text value={dict.pages.project_list.table.head.name.title} />
);

const Email = ({ dict }: HeaderTextProps) => (
  <Text value={dict.pages.project_list.table.head.email.title} />
);

const Waiting = ({ dict }: HeaderTextProps) => (
  <Text value={dict.pages.project_list.table.head.waiting.title} />
);

const Status = ({ dict }: HeaderTextProps) => (
  <Text value={dict.pages.project_list.table.head.status.title} />
);

const Redirect = ({ dict }: HeaderTextProps) => (
  <Text value={dict.pages.project_list.table.head.redirect.title} />
);

const Actions = () => (
  <div className="flex justify-center">
    <Button
      variant="plain"
      color="neutral"
      size="sm"
      decorator={faLocationArrow}
      className="hover:bg-stone-200 hover:text-black"
    />
  </div>
);

export { Actions, Email, Name, Redirect, Status, Waiting };