import React, { forwardRef } from 'react';

import { FormControlDesktop } from '@alfalab/core-components-form-control/desktop';

import { BaseInput, type BaseInputProps } from '../components/base-input';

import styles from './index.module.css';

export type InputDesktopProps = Omit<BaseInputProps, 'FormControlComponent'>;

export const InputDesktop = forwardRef<HTMLInputElement, InputDesktopProps>((restProps, ref) => (
    <BaseInput
        {...restProps}
        FormControlComponent={FormControlDesktop}
        ref={ref}
        platformStyles={styles}
    />
));