22 lines
746 B
JavaScript
22 lines
746 B
JavaScript
import { jsx } from "react/jsx-runtime";
|
|
import classNames from "classnames";
|
|
function SecondaryButton({
|
|
children,
|
|
...props
|
|
}) {
|
|
return /* @__PURE__ */ jsx(
|
|
"button",
|
|
{
|
|
...props,
|
|
className: classNames(
|
|
"inline-flex items-center px-4 py-2 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-500 rounded-md font-semibold text-xs text-gray-700 dark:text-gray-300 uppercase tracking-widest shadow-xs hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-hidden focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800 disabled:opacity-25 transition ease-in-out duration-150",
|
|
props.className
|
|
),
|
|
children
|
|
}
|
|
);
|
|
}
|
|
export {
|
|
SecondaryButton as S
|
|
};
|