hrnet-modal-p14
Version:
A package for the project 14 of OpenClassrooms called HrNet
8 lines • 840 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import React from 'react';
export const Button = ({ children, variant = 'primary', className = '', buttonUtility = '', ...props //
}) => {
const buttonClasses = `ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 hover:cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 shared-button-${variant} ${className}`;
return (_jsxs("button", { className: buttonClasses, ...props, children: [children, _jsx("span", { className: "sr-only", children: buttonUtility })] }));
};
//# sourceMappingURL=Button.js.map