
* added rtl to body * added locale checkker in _document.tsx to check for ar or he locale * added rtl modifiers for event-types * added rtl classes * wip * wip Co-authored-by: Bailey Pumfleet <pumfleet@hey.com>
21 lines
636 B
TypeScript
21 lines
636 B
TypeScript
import React from "react";
|
|
|
|
import { SVGComponent } from "@lib/types/SVGComponent";
|
|
|
|
interface LinkIconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
Icon: SVGComponent;
|
|
}
|
|
|
|
export default function LinkIconButton(props: LinkIconButtonProps) {
|
|
return (
|
|
<div className="-ml-2">
|
|
<button
|
|
{...props}
|
|
type="button"
|
|
className="flex items-center px-2 py-1 text-sm font-medium text-gray-700 rounded-sm text-md hover:text-gray-900 hover:bg-gray-200">
|
|
<props.Icon className="w-4 h-4 ltr:mr-2 rtl:ml-2 text-neutral-500" />
|
|
{props.children}
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|