import { ButtonStyle } from "../types/button";

const backgroundColors: ButtonStyle = {
  cta: "bg-[#00BED7] hover:bg-[#00A8BE]",
  primary: "bg-[#ffffff] hover:bg-[#F3F3F2] active:bg-[#fff]",
  secondary: "bg-[#ffffff] hover:bg-[#F3F3F2] active:bg-[#fff]",
  tertiary: "bg-[#0D192266] hover:bg-[#0D1922B2]",
  fab: "bg-[#ffffff] hover:bg-[#F3F3F2]",
};

const textColors: ButtonStyle = {
  cta: "text-[#ffffff]",
  primary: "text-[#0D1922]",
  secondary: "text-[#0D1922]",
  tertiary: "text-[#ffffff]",
  fab: "text-[#ffffff]",
};

const borders: ButtonStyle = {
  cta: "rounded-lg",
  primary: "rounded-lg border border-[#ffffff] active:border-[#00BED7]",
  secondary: "rounded-lg border border-[#E2E2DC] active:border-[#00BED7]",
  tertiary: "rounded-full",
  fab: "rounded-full",
};

const paddings: ButtonStyle = {
  cta: "py-3 px-6",
  primary: "py-[10px] pr-6 pl-4",
  secondary: "py-3 px-6",
  tertiary: "py-1 px-3",
  fab: "py-3 px-6",
};

export { textColors, backgroundColors, borders, paddings };
