import React, { FC, ReactNode } from 'react';

import s from './Dl.module.scss';

interface IDlProps {
  label: string;
  data: ReactNode | string | number;
}

export const Dl: FC<IDlProps> = ({ label, data }) => (
  <dl className={s.dl}>
    <dt className={s.dl__dt}>{label}</dt>

    <dd className={s.dl__dd}>
      {typeof data !== 'object' ? <p className={s.dl__tag}>{data}</p> : data}
    </dd>
  </dl>
);