import { RtButtonRich } from '@dpa/react-buttons';
import { PlusTypographyIcon } from '@dpa/react-typography-icons';

export function ButtonWidth() {
  return (
    <div
      style={{
        display: 'flex',
        gap: '12px',
        margin: '25px 0',
        height: '200px',
        // alignItems: 'center'
      }}
    >
      <RtButtonRich
        modifier="base"
        use="primary"
        size="lg"
        radius="primary"
        textWidth="min-content"
        textHeight="min-content"
        textJustify="center"
        blockHeight="full"
        label="Добавить продавца"
        leadingIcon={PlusTypographyIcon}
      />
      <RtButtonRich
        modifier="base"
        use="generic"
        size="lg"
        radius="primary"
        textWidth="min-content"
        textHeight="min-content"
        textJustify="end"
        blockWidth="full"
        blockHeight="min-content"
        label="Удалиться из аккаунта поставщика"
        prependIcon={PlusTypographyIcon}
        leadingIcon={PlusTypographyIcon}
        trailingIcon={PlusTypographyIcon}
        appendIcon={PlusTypographyIcon}
      />
    </div>
  );
}