File size: 625 Bytes
f0743f4 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | import React from 'react';
const SocialButton = ({ id, enabled, serverDomain, oauthPath, Icon, label }) => {
if (!enabled) {
return null;
}
return (
<div className="mt-2 flex gap-x-2">
<a
aria-label={`${label}`}
className="flex w-full items-center space-x-3 rounded-2xl border border-border-light bg-surface-primary px-5 py-3 text-text-primary transition-colors duration-200 hover:bg-surface-tertiary"
href={`${serverDomain}/oauth/${oauthPath}`}
data-testid={id}
>
<Icon />
<p>{label}</p>
</a>
</div>
);
};
export default SocialButton;
|