import React, { FC } from 'react';
import { Flex } from '~/components/Flex';
import { Text } from '~/components/Text';

type Props = {
  icon: React.ReactNode;
  label: string;
};

export const Option: FC<Props> = ({ icon, label }) => (
  <Flex maxWidth="100%">
    {icon}
    <Text ml="s" fontSize="inherit">
      {label}
    </Text>
  </Flex>
);
