type NewUserPresetsProps = {
  onClickPreset: (preset: string) => void;
  onUpload: () => void;
  onRecord: () => void;
};

export const NewUserPresets = ({
  onClickPreset: _onClickPreset,
  onUpload: _onUpload,
  onRecord: _onRecord,
}: NewUserPresetsProps) => {
  return (
    <div className='flex flex-col items-center gap-2'>
      <p className='text-center text-base text-foreground-primary/60'>
        Let&apos;s get started
      </p>
      <h1 className='max-w-[360px] text-center text-4xl leading-tight font-medium text-foreground-primary @4xl/chat:text-5xl'>
        Make any song you can imagine
      </h1>
    </div>
  );
};