packages/pass/components/Form/Field/Layout/InlineFieldBox.tsx

   1 import type { FC, PropsWithChildren, ReactNode } from 'react';
   2
   3 import clsx from '@proton/utils/clsx';
   4
   5 import './InlineFieldBox.scss';
   6
   7 type Props = PropsWithChildren & { label: ReactNode; size?: 'sm' | 'md' | 'lg' };
   8
   9 export const InlineFieldBox: FC<Props> = ({ label, children, size = 'sm' }) => (
  10     <div className={clsx('pass-inline-field-box', size)}>
  11         <label>{label}</label>
  12         <div className="flex items-center justify-end">{children}</div>
  13     </div>
  14 );