import React from 'react';
import { Icon } from '../../../common/components/icon';
import { theme } from '../../../app/theme';
import { SH6 } from '../../../common/s-components/typography/s-h6';
import { SRow } from '../../../common/s-components/layout/s-row';

type TProps = {};

export const TitleRecentSearch: React.FC<TProps> = () => {
  return (
    <SRow px={16} alignItems="center" mt={10} mb={1}>
      <Icon name="time" color={theme.colors.white} size={22} mr={8} mt={-1} />
      <SH6>Recent Searches</SH6>
    </SRow>
  );
};