LightIconButton

import { LightIconButton } from 'twenty-ui/components';
import { IconPlus } from 'twenty-ui/icon';

export const AddAction = () => (
  <LightIconButton aria-label="Add record" emphasis="subtle">
    <IconPlus />
  </LightIconButton>
);

import { LightIconButton } from 'twenty-ui/components';
import { IconEyeOff, IconTrash } from 'twenty-ui/icon';
import { ButtonGroup } from 'twenty-ui/primitives/input';
import { MenuItem } from 'twenty-ui/primitives/navigation';

export const RecordMenuItem = () => (
  <MenuItem
    text="Record"
    iconButtons={
      <ButtonGroup attached={false}>
        <LightIconButton aria-label="Hide record">
          <IconEyeOff />
        </LightIconButton>
        <LightIconButton aria-label="Delete record" disabled>
          <IconTrash />
        </LightIconButton>
      </ButtonGroup>
    }
  />
);