import { type IconProps } from "@scandic-hotels/design-system/Icons"
import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"

import styles from "./chevron.module.css"

export default function SelectChevron(props: IconProps) {
  return (
    <span aria-hidden="true" className={styles.chevron}>
      <MaterialIcon
        icon="keyboard_arrow_down"
        color={props.color ?? "Icon/Default"}
        size={20}
      />
    </span>
  )
}
