bigbuffet-rw/app/soapbox/components/ui/select/select.js
marcin mikołajczak da09365055 Dark styles for select component
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
2022-04-10 11:11:08 +02:00

22 lines
541 B
JavaScript

import PropTypes from 'prop-types';
import * as React from 'react';
const Select = React.forwardRef((props, ref) => {
const { children, ...filteredProps } = props;
return (
<select
ref={ref}
className='pl-3 pr-10 py-2 text-base border-gray-300 dark:border-gray-600 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 dark:bg-slate-800 sm:text-sm rounded-md'
{...filteredProps}
>
{children}
</select>
);
});
Select.propTypes = {
children: PropTypes.node,
};
export default Select;