import { type ComponentPropsWithoutRef } from 'react';
import { cx } from '../utils';

export const List = ({ className, ...props }: ComponentPropsWithoutRef<'div'>) => (
  <div className={cx('modern-sk-list', className)} {...props} />
);

export const Row = ({
  selected,
  className,
  ...props
}: ComponentPropsWithoutRef<'div'> & { selected?: boolean }) => (
  <div
    className={cx('modern-sk-row', selected && 'is-selected', className)}
    {...props}
  />
);
