36 lines
1009 B
TypeScript
36 lines
1009 B
TypeScript
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 };
|