8bb3e9c0be
* 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>
25 lines
669 B
TypeScript
25 lines
669 B
TypeScript
export default function SettingInputContainer({
|
|
Input,
|
|
Icon,
|
|
label,
|
|
htmlFor,
|
|
}: {
|
|
Input: React.ReactNode;
|
|
Icon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
|
|
label: string;
|
|
htmlFor?: string;
|
|
}) {
|
|
return (
|
|
<div className="space-y-3">
|
|
<div className="block sm:flex">
|
|
<div className="mb-4 min-w-48 sm:mb-0">
|
|
<label htmlFor={htmlFor} className="flex mt-1 text-sm font-medium text-neutral-700">
|
|
<Icon className="w-4 h-4 ltr:mr-2 rtl:ml-2 mt-0.5 text-neutral-500" />
|
|
{label}
|
|
</label>
|
|
</div>
|
|
<div className="flex-grow w-full">{Input}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|