12 lines
466 B
TypeScript
12 lines
466 B
TypeScript
|
import clsx from "clsx";
|
||
|
|
|
||
|
|
type ButtonColor = 'primary' | 'blue' | 'green' | 'red' | 'yellow';
|
||
|
|
|
||
|
|
export function classNames(type: ButtonColor) {
|
||
|
|
return(clsx("text-white py-1 px-2 mx-1 rounded", {
|
||
|
|
'bg-blue-400 hover:bg-blue-600': type === 'primary' || type === 'blue',
|
||
|
|
'bg-green-500 hover:bg-green-600': type === 'green',
|
||
|
|
'bg-red-500 hover:bg-red-600': type === 'red',
|
||
|
|
'bg-yellow-500 hover:bg-yellow-700': type === 'yellow'
|
||
|
|
}))
|
||
|
|
}
|