import { useTheme } from '@emotion/react';

import IconAddressBookRaw from '@ui/display/icon/assets/address-book.svg?react';
import { IconComponentProps } from '@ui/display/icon/types/IconComponent';

type IconAddressBookProps = Pick<IconComponentProps, 'size' | 'stroke'>;

export const IconAddressBook = (props: IconAddressBookProps) => {
  const theme = useTheme();
  const size = props.size ?? 24;
  const stroke = props.stroke ?? theme.icon.stroke.md;

  return <IconAddressBookRaw height={size} width={size} strokeWidth={stroke} />;
};